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说 明 


本 书 版 权 属 于 北京 大 学 出 版 社 有 限 公 司 。 版 权 所 有 ， 侵 
权 必 完 。 

本 书 电子 版 仅 提供 给 高 校 任课 教师 使 用 ， 如 有 任课 教师 
需要 全 本 教材 浏览 或 需要 本 书 课件 等 相关 教学 资料 ， 请 联系 
北京 大 学 出 版 社 客服 ， 微 信 手 机 同 号 : 15600139606， 扫 下 
面 二 维 码 可 直接 联系 。 

由 于 教材 版 权 所 限 ， 仅 限 任 课 教师 索取 ， 谢 谢 ! 
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内 容 简 介 

本 书 围绕 编排 设计 原理 与 实例 解析 而 编写 ， 原 理 部 分 介绍 了 编排 设计 的 基本 理论 及 编排 设计 方法 
在 实际 应 用 中 的 形式 与 技巧 ， 内 容 系统 、 完 整 ， 语 言 精练 、 简 洁 ， 便 于 学 生理 解 与 掌握 。 实 例 解析 部 
分 更 贴近 专业 应 用 ， 为 学 生 提 供 了 较 详细 的 案例 解读 ， 内 容 全 面 、 具 体 ， 分 析 深 入 ， 便 于 学 生 学 习 与 
查阅 。 同 时 本 教材 辅 以 了 大 量 优秀 的 编排 设计 作品 与 学 生 作品 范例 ， 和 希望 能 够 帮助 学 生 更 直观 地 理解 
编排 设计 的 理论 与 方法 。 本 书 集 理论 与 实例 解析 为 一 体 ， 便 于 教师 示例 教学 和 学 生 学 习 使 用 ， 实 用 性 
较 强 。 

本 书 既 可 作为 艺术 设计 类 专业 的 教学 用 书 ， 也 可 以 作为 广告 设计 、 平 面 设计 等 从 业 人 员 和 自学 爱 
好 者 的 参考 用 书 。 
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SS em 
有 ”二 
很 久 以 前 就 有 编写 一 本 编排 设计 教材 的 想法 了 ， 因 为 编排 设计 对 于 二 维 平面 空间 信息 的 传 
达 实 在 太 重 要 了 。 一 本 书 ， 如 果 没 有 编排 ， 会 影响 读者 的 正常 阅读 ;一 份 报纸 ， 如 果 没 有 编 
排 ， 会 影响 信息 的 有 效 传 播 : 一 本 宣传 册 ， 如 果 没 有 编排 ， 会 影响 商品 的 宣传 与 销售 。 然 而 ， 
现代 的 传播 媒介 不 止 于 此 ， 杂 志 、 网 络 、 多 媒体 、 数 字 媒 体 甚 至 动态 视频 中 的 一 幅 静 止 画 面 ， 
都 需要 经 过 精心 编排 才能 有 效 地 传达 信息 。 可 以 说 ， 现 代 的 编排 设计 已 经 成 为 视觉 传达 媒介 编 
辑 的 一 个 重要 环节 。 
本 书 是 在 当前 版 式 设计 教材 重 理论 、 少 实例 或 重 实例 、 少 解析 的 背景 下 提出 的 ， 本 教材 定 
位 于 高 等 艺术 院 校 艺术 设计 专业 《〈 如 视觉 传达 忆 平面 设 计 、 广 告 设计 等 ) 及 相关 专业 (如 城市 
规划 、 园 林 设 计 等 ) 基础 课 与 专业 课 教 材 。 编 排 设计 是 对 文字 、 图 像 、 色 彩 在 整体 视觉 中 进行 
合理 分 配 与 整合 ， 无 论 是 艺术 设计 专业 ,> 还 是 城市 规划 、 园 灯 设 计 等 专业 ， 其 作品 最 终 都 是 以 
编排 设计 形式 呈现 的 。 编 排 设计 是 否 合理 ， 是 否 具 有 视觉 流程 与 美感 ， 将 直接 影响 作品 的 设计 
层次 及 最 终 展示 效果 。 因 此 ,~ 编排 设计 对 于 艺术 设计 专业 来 说 尤为 重要 ， 掌 握 编 排 设计 技法 ， 
培养 自身 的 编排 审美 修养 与 提高 编排 设计 能 力 是 艺术 设计 专业 学 生 今后 从 事 设计 行业 必须 具备 
的 基本 能 力 。 
编者 经 过 多 年 的 编排 设计 课程 教学 ， 积 累 了 丰富 的 教学 经 验 ， 在 结合 自身 教学 实践 的 基础 
上 编写 了 该 教材 。 本 教材 共 分 为 原理 篇 和 专题 篇 两 部 分 ， 原 理 篇 主要 介绍 编排 设计 的 基本 理论 
与 知识 要 点 ， 在 编写 中 据 弃 以 往 教材 文字 堆积 、 烦 琐 宛 长 的 弊端 ， 尽 量 做 到 阐述 简洁 、 精 炼 ， 
便于 学 生理 解 掌握 。 每 章节 后 附 有 课题 训练 ， 训 练 内 容 依 据 本 章 内 容 而 定 ， 由 浅 入 深 、 循 序 渐 
进 ， 便 于 课堂 教学 训练 使 用 ， 专 题 篇 以 实际 案例 解析 为 主 ， 共 设 有 5 个 专题 ， 每 个 专题 分 别 设 
有 知识 点 导读 、 实 例 解 析 与 优秀 实例 欣赏 3 部 分 内 容 。 知 识 点 导读 主要 针对 本 专题 的 专业 知识 
点 进行 讲解 ， 阐 述 本 专题 编排 设计 的 特点 与 方法 ;实际 案例 解析 重点 分 析 案 例 的 特点 ， 总 结 编 
排 设计 方法 及 注意 事项 ， 优 秀 实例 欣赏 设 有 与 本 专题 相关 的 优秀 版 式 编排 作品 ， 为 学 生 提 供 欣 
赏 资料 ， 以 提高 学 生 对 编排 设计 作品 的 鉴赏 能 力 与 审美 能 力 。 
本 教材 由 伊 延 波 、 汪 洋 担 任 主编 ， 单 欢 、 王 国 栋 担 任 副 主编 。 伊 延 波 、 汪 洋 负责 本 教材 的 
大 纲 制定 、 部 分 章节 的 撰写 ， 并 对 全 书 进行 主 审 。 参 加 编写 的 人 员 具 体 分 工 如 下 : 伊 延 波 编写 
了 第 2 章 、 第 4 章 和 第 8 章 ; 汪洋 编写 了 第 3 章 、 第 5 章 、 第 6 章 和 第 7 章 ; 单 欢 编写 了 第 1 章 ; 王 






































图 


栋 编写 了 第 9 章 和 第 10 章 。 

本 教材 内 容 体系 完整 ， 不 仅 适合 低 年 级 的 学 生 学 习 使 用 ， 同 样 也 适合 高 年 级 的 学 生 使 用 ， 教 材 
bh 所 包含 的 专题 内 容 是 对 视觉 传达 专业 方向 课 所 涉及 的 重要 内 容 编 排 方法 的 归 类 与 总 结 ， 适 合 学 生 
在 大 学 阶段 对 不 同 编排 设计 类 型 编排 方法 的 学 习 ， 方 便 学 生 随时 查阅 。 和 希望 本 教材 的 编写 切实 能 为 
编排 设计 教学 与 编排 设计 学 习 者 提供 有 效 的 帮助 ， 这 是 我 们 编写 团队 的 最 大 愿望 。 
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课 前 训练 (知觉 探索 训练 ) a 
训练 内 容 : 人 wa 用 直观 的 感觉 说 出 其 中 哪 一 张 





励 学 生 大 胆 说 出 其 想法 ， 并 用 文字 把 感受 
计 原 理 讲 完 后 ， 利 用 所 学 原理 重新 分 析 ， 以 此 


编排 得 好 一 些 ， 哪 一 张 编排 得 差 
写 下 来 ， 保 留 此 训练 内 容 ， 
加 深 对 编排 设计 的 理解 。 

训练 注意 事项 ,] 误 大 多 多 参 
与 ， 发 表意 见 提高 学 生 学 习 的 积极 性 3 。 工 


训练 要 求 和 目 A 


和 

目标 ， 通 过 对 编排 设计 作品 的 知觉 探索 训练 ， 使 学 生 真 正 参与 到 编排 设计 的 学 习 
中 来 ， 面 对 作品 ， 如 何 分 析 ， 带 着 问题 去 学 习 ， 以 此 为 切入 点 ， 可 以 有 效 增强 学 生 对 
编排 设计 学 习 的 积极 性 与 主动 性 ， 为 后 期 课程 的 逐步 展开 与 深入 打下 良好 的 基础 。 


本 章 要 点 


理解 编排 设计 的 含义 及 其 应 用 范围 。 

了 解 编排 设计 的 历史 及 发 展 。 

如 何 学 习 编 排 设计 ， 如 何 掌握 设计 要 点 。 
本 章 引 言 

对 于 任何 一 门 课 程 的 学 习 首先 都 要 从 基本 概念 开始 ， 编 排 设 计 导 论 是 从 大 的 角 
度 对 编排 设计 进行 总 体 认 识 与 概述 ， 其 中 包括 对 编排 设计 含义 的 理解 ， 编 排 设计 应 
用 范围 的 认识 ,编排 设计 历史 及 发 展演 变 等 内 容 的 讲述 等 ， 目 的 是 使 学 生 能 够 对 编 
排 设计 有 一 个 全 面 的 整体 认识 ， 为 后 期 的 深入 学 习 做 好 准备 。 同 时 ， 本 章 的 第 三 小 
节 就 如 何 学 习 编 排 设计 ， 提 出 了 几 点 建议 和 具体 的 学 习 方 法 ， 希 望 能 对 学 生 学 习 编 
排 设 计 提供 帮助 。 


| 1.1 编排 设计 的 概念 


成。 本 节 引 言 
在 现实 生活 中 ， 编 排 设 计 充斥 着 人 们 生活 的 各 个 角落 ， 小 到 一 个 标签 、 一 张 卡片 ， 
合 大 到 一 张 报 纸 、 一 张 海 报 ， 都 离 不 开 编 排 设 计 ， 甚 至 风格 不 同 的 各 种 多 媒体 界面 、 手 机 
析 屏保 、 信 息 量 丰富 的 电脑 网 页 以 及 动态 视频 中 的 单 张 画 面 ， 都 有 编排 设计 的 影子 。 那 
么 ， 到 底 什么 是 编排 设计 ， 如 何 去 理 解 它 ? 这 是 需要 首先 解决 的 问题 。 


1.1.1 编排 设计 的 定义 


自从 有 了 人 类 ， 人 
类 在 生活 与 生产 实践 中 就 
习惯 于 将 各 种 事物 分 门 别 
类 ， 按 使 用 需求 和 审美 
规律 进行 重新 组 合 和 排 
列 ， 这 一 方面 源 于 人 类 
实践 的 需要 ， 这 种 方式 
可 以 有 效 地 节省 时 间 ， 

提高 工作 效率 ; 另 一 方 











图 1-1 西安 民间 艺术 / 张 建 设 图 1-2 东 加 西 大 学 生 一 面 ， 秩 序 、 具 有 美感 的 
国际 海报 双 年 展 7 张 山 / ”事物 ， 可 以 去 除 人 内 心 
首 导 教师 : 伊 延 波 的 烦躁 ， 吸 引 人 的 注意 





力 ， 并 能 愉悦 心情 ， 如 

图 1-1 和 图 1-2 所 示 。 

页 面 中 的 信息 
- 样 ， 庞 杂 
内 容 不 仅 使 区 
手 ， 造 成 阅读 障碍 ， 同 
时 ， 没 有 规律 的 凌乱 布 
局 也 会 严重 影响 读者 的 
阅读 心情 ， 只 有 阅读 顺 
声 ， 使 读者 在 阅读 的 过 
程 中 能 够 产生 赏心悦目 
感觉 的 页 面 内容 ， 才 能 
有 效 地 传达 信息 。 因 
5， 合理 的 编排 设计 是 
图 1-3 ”冲浪 者 封面 / 戴 维 。 卡 森 / 图 1-4 哈里 。 康 尼克 。Jr(Harry \ 传 达 必 不 可 少 的 
美 /资料 来 源 ， 印 刷 的 终结 Connick ” Jr) 人物 特写 / 戴 维 ， 卡 森 重要 手段 ， 如 图 1-3 和 

/ 美 /资料 来 源 : 印刷 的 终结 图 1-4 所 示 。 























































编排 设计 又 称 之 为 版 式 设计 ， 


是 指 通过 对 版 面 中 的 


字 、 图 形 、 色 彩 ) 在 布局 、 结 构 、 配 


置 上 的 设计 ， 梳 理 版 于 





序 ， 划 分 不 同 的 版 面 功 能 区 域 ， 以 
达到 更 好 地 传达 版 面 信息 
编排 设计 是 平面 设计 工作 中 的 

一 个 重要 类 别 ， 同时 也 是 保证 平面 
设计 领域 其 他 设计 项 目 能 够 顺利 传 








基本 技能 ， 





领域 中 发 挥 着 重要 作用 ， 如 图 1-5 


所 示 。 


1. 1.2 编排 设计 的 


编排 设计 在 过 去 主要 
被 应 用 于 书籍 ”报纸 、 杂 
志 等 平面 印刷 喇 的 版 式 编 
排 中 ， 随 着 时 代 的 发 展 ， 


传播 媒体 的 进一步 扩 


招贴 、DM 单 、CD 封 
产品 包装 、 展 板 等 纸 






























编排 设计 的 应 用 范围 也 随 
之 扩大 ， 不 仅 被 广泛 应 用 
于 形象 识别 和 手册、 画册 、 

套 


刷 晶 中 ， 同 时 也 被 广泛 应 
于 网 站 页 面 、 多 媒体 界 
面 、 手 机 终端 界面 、 户 外 a 
电子 广告 、 电 视 视频 版 面 obUDDHIS ME 


视觉 元 素 ( 文 


硬 中 的 阅读 顺 


的 目的 。 


在 平面 设计 





图 1-5 


“海滩 文化 ”第 4 期 封面 / 戴 维 。 卡 森 / 美 /1990 年 / 
si 印刷 的 终结 


应 用 范围 


大 ， 











等 电子 传播 媒介 的 编排 设 





计 中 ， 如 图 1-6 和 图 


1-7 图 1 一 6 Spread/ 张 幽 


<®> 


好 一 小 


:水 过 区 





此 














图 1-7 Portfolio/ 张 幽 


1.2 编排 设计 的 历史 与 发 展 可 
本 节 引 言 


编排 设计 的 产生 与 发 展 必 然 有 其 缘由 与 价值 ,本 节 众 编排 设计 的 产生 开始 ， 分 别 从 
新 技术 的 不 断 革新 对 编排 设计 的 影响 和 近代 编排 设计 的 发 展 与 演变 两 个 方面 对 不 同时 期 
编排 设计 的 风格 特点 进行 前 述 ， 以 加 深 学 生 对 编排 设计 发 展 过 程 的 了 解 。 
早期 的 编排 设计 

大 约 在 公元 前 3000 年 前 后 ;两 河流 域 的 苏 美 尔 人 (Sumerian) 就 开始 利用 木片 在 湿 泥 
板 上 刻画 攀 形 文字 。 公 元 前 1792 年 到 1795 年 之 间 的 汉 莫 拉 比 石 版 (Stele bearing the code of 
Hammurabi， 图 1-8) 从 上 面 可 以 清晰 地 看 出 文字 被 整齐 地 安置 在 版 面 上 的 格子 里 ， 记 录 
着 威严 的 法 律 条 例 。 

在 古代 中 国 ; 类 在 息 墟 出 土 的 甲骨 文 到 大 量 刻画 在 青铜 器 上 的 金 文 ， 可 以 发 现 一 种 
从 上 到 下 、 从 右 到 左 的 布局 形式 构成 了 当时 版 面 编排 的 主体 形式 ， 并 由 此 葛 定 了 中 文 版 
面 数 千年 的 基本 规范 ， 这 种 规范 甚至 一 直 沿用 到 今天 的 竖 排 中 文 形式 之 中 (图 1-9) 。 


eg 








图 1-9 在 殷墟 发 现 的 甲骨 文 


图 1-8 汉 莫 拉 比 石 版 


公元 3 一 6 世纪 ， 罗 马 帝 国 走向 衰亡 ， 欧 洲 大 陆 逐 渐进 入 了 中 世纪 ， 在 这 一 时 期 ， 宗 
教 传播 的 需要 带 来 了 书籍 出 版 的 繁荣 ， 出 现 了 体现 当时 高 水 准 版 面 设计 的 宗教 手 抄本 ， 


精美 的 插图 与 规范 的 文字 混合 编排 ， 对 文字 和 整 本 书籍 的 华丽 繁琐 的 装饰 ， 形 成 了 当时 


宗教 手 抄本 版 面 设计 的 基本 特征 。 
1.2.2 新 技术 的 不 断 革新 对 编排 设计 的 影响 





纸张 和 印刷 术 的 发 明 ， 促 进 了 编排 设计 的 进一步 发 展 。 东 汉 的 蔡伦 ， 在 前 人 的 基 丰 
上 改革 了 制 纸 工艺 ， 使 用 了 比较 廉价 的 原料 ， 生 产 出 可 以 代 蔡 简 息 的 书写 用 纸 。 印 刷 术 








的 发 明 时 间 说 法 不 一 ， 但 在 敦煌 发 现 的 唐 代 佛 教 经 文 《 金 刚 经 》 
存 最 早 的 印刷 品 。 这 部 佛经 的 末尾 印 有 “成 通 九 年 四 月 十 五 日 了 

















被 认为 是 确切 可 靠 的 现 





样 ， 表 明 这 份 印 刷 品 印 制 的 时 间 是 唐 吉 宗 成 通 九 年 (公元 868 年 ， 





刷 术 得 到 了 广泛 的 应 用 ， 一 些 经 典 的 雕版 印刷 品 ， 比 较 完整 地 体现 了 中 国 书籍 版 面 设计 
的 布局 体例 。 这 种 版 面 编排 设计 体系 在 审美 情趣 与 阅读 习惯 上 一 直 延 续 ， 直 到 清 代 末年 








西方 思潮 进入 中 国之 前 ， 基 本 没有 发 生 过 本 质 的 改变 。 








E 阶 位 二 亲 敬 造 普 施 ” 字 
图 1-10) 。 宋 代 以 后 ， 印 

















毕 界 发 明了 活字 印刷 术 后 ， 活 字 排 版 也 随 之 出 现 ; 通过 预先 制 好 的 字模 来 排版 ， 也 
成 为 一 种 新 的 版 面 编 排 形式 。 在 泥 活字 出 现 之 后 ; 相继 出 现 木 活字 和 锡 、 铜 、 铅 等 金属 














活字 ， 但 由 于 各 种 原因 ， 后 来 都 没有 很 好 地 普及 和 发 展 。 





1450 年 前 后 ， 德 国 古 登 堡 (图 1-11) 发 明了 金属 活字 印刷 术 ， 机 器 印刷 带 来 了 印刷 效率 




















的 大 幅度 提高 ， 对 欧洲 的 出 版 业 起 到 了 极 大 的 推动 作用 ， 大 量 昌 











制品 的 出 现 ， 宣 示 着 版 

















图 1-10 ”上 唐 嘉 宗 咸 通 九 年 (公元 868 年 ) 图 1-11 约翰 内 斯 。 古 登 堡 ， 
印刷 的 《金刚 经 》 约 1400 年 出 生 于 德国 美 因 茨 ， 
1468 年 2 月 3 日 逝世 


自从 18 世 纪 ， 人 们 通过 采用 在 感光 涂 层 起 的 化 学 变化 的 方法 发 明了 摄影 术 后 ， 摄 





影 便 逐渐 成 为 了 版 面 设计 中 不 可 或 缺 的 一 种 手段 ， 它 与 文字 、 揪 图 等 一 起 成 为 构成 版 面 

















的 重要 元 素 。 摄 影 术 在 版 面 设计 方面 的 另 一 个 贡献 是 ， 它 引发 了 照相 排版 技术 的 出 现 。 








1871 年 ， 发 明 家 约翰 。 葛 斯 (John Calvin Moss) 利用 摄影 术 在 金属 








板 上 制 成 插图 ， 然 后 拼 到 











芒 吉 于 下 鹤 吕 ”其 一 四 








文字 版 上 一 起 印刷 ， 这 种 技术 是 将 照片 转化 
为 金属 板 上 的 网 线 或 者 网 点 ， 因 此 ， 这 种 技 
术 的 出 现 创 造 了 一 种 可 能 ， 即 将 类 似 照片 等 
的 图 片 信 息 融入 到 版 面 编排 设计 中 来 。 
1984 年 ， 苹 果 公司 为 其 生产 的 个 人 电脑 
提供 了 绘图 界面 ， 一 个 新 的 时 代 因 为 数码 技 
术 在 平面 设计 中 被 方便 的 应 用 而 宣布 到 来 (图 
L112 
20 世 纪 90 年 代 以 后 ， 数 码 技术 的 发 
展 日 趋 成 熟 ， 设 计 师 广泛 应 用 InDesign、 
Illustrator，Photoshop 等 应 用 程序 来 完成 他 们 
的 版 面 设计 作品 ， 使 编排 设计 变 得 更 加 方便 
和 快捷 。 




































































图 1-12 阿 普 里 尔 。 格 莱 曼 1986 
年 设计 的 海报 使 用 了 数码 技术 
1.2.3 近 现 代 编 排 设计 的 发 展 与 演变 
1. 19 世 纪 的 “工艺 美术 运动 ”与 “新 艺术 运动 
19 世 纪 下 半 叶 ， 英 国 兴起 了 “工艺 美术 运动 ”， 标 志 着 现代 设计 时 代 的 到 来 。 代 表 
人 物 是 英国 艺术 家 、 诗 人 威廉 。 莫 里 斯 William Morris，1834 一 1896) ， 他 强调 功能 要 与 美 
相 统 一 ， 认 为 “ 美 就 是 价值 ， 就 是 功能 ”， 其 作品 如 图 1-13 所 示 。 





图 1-13 雇 页 插图 伯 恩 * 琼 斯 /字体 版 式 威廉 。 莫 里 斯 








在 工艺 美术 运动 的 感召 下 ， 欧 洲 又 掀起 了 规模 更 为 宏大 、 影 响 更 为 广泛 的 “新 艺术 
运动 ”。 新 艺术 运动 是 19 世 纪 末 20 世 纪 初 在 欧洲 和 美国 产生 和 发 展 的 一 次 影响 面相 当 大 
的 装饰 艺术 和 运动， 涉及 到 几 十 个 国家 ， 当 时 的 建筑 、 家 具 、 产 品 、 服 装 、 首 饰 、 平 面 设 


















































计 、 书 籍 插图 以 及 绘画 艺术 都 受到 
影响 。 英 国 和 美国 的 “工艺 美术 运 
动 ”比较 重视 中 世纪 的 歌德 风格 ， 
把 歌德 风格 作为 一 个 重要 的 参考 与 
借鉴 来 源 ， 而 “新 艺术 运动 ” 则 完 
全 放弃 任何 一 种 传统 装饰 风格 ， 完 
全 走向 自然 风格 ， 强 调 自然 中 不 存 
在 直线 ， 强 调 自然 中 没有 35 
面 ， 在 装饰 上 突 
形态 ， 而 装 名 
































布 的 动机 基本 来 源 于 自 
然 形 态 ， 这 两 次 运动 对 当时 版 式 
编排 的 风格 产生 了 重要 影响 ， 如 
图 1-14 所 示 。 








2. 20 世 纪 初 主要 流派 对 编排 设计 的 影响 


1) 俄国 构成 主义 


俄国 构成 主义 是 俄国 十 月 革命 之 后 由 俄国 的 革命 建筑 家 、 
代表 大 物 是 埃 尔 。 李 西 斯 
以 几何 形态 构成 图 形 ， 版 面 中 的 字体 使 用 无 装饰 线 体 ， 注 
节奏 美 与 抽象 美 ( 图 1=15) 。 俄国 构成 主义 对 世界 艺术 和 设计 的 发 展 起 到 了 很 大 


场 对 艺术 和 设计 进行 探索 的 运动 ， 
风格 ， 气 弃 传统 的 装饰 风格 ， 
重 形 体 美 、 





的 推动 作用 。 





图 1-15 绘画 作品 / 
马列 维 奇 /1915 年 


图 1-16 






3) 包 豪 斯 对 编排 设计 的 影响 








MAARS. UITQAVE 
TIEPEN TE DELFT IN 1917- 


《风格 》 杂 志 封 面 / 
凡 。 杜 斯 伯 /1917 年 





FIHIMRCKMUR De,RRIBHR. 


Ole Sum verDE" oapinorow. nan 
图 1-14 《 雷 恩 的 城市 者 
雇 页 /A.H. 马克 穆 多 /1883 年 





艺术 家 、 设 计 家 发 起 的 一 
。 他 倡导 简单 明确 的 设计 





2) 荷兰 “风格 派 ”运动 

与 俄国 构成 主义 运动 并 驾 
齐 驱 的 是 荷兰 “风格 派 ”运动 ， 
其 对 艺术 领域 的 影响 是 多 方位 
的 ， 涉 及 绘画 、 建 筑 、 雕 塑 、 设 
计 等 。 荷 兰 “ 风 格 派 ” 的 平面 设 
计 成 就 主要 体现 在 《风格 》 
的 设计 上 ， 特 点 是 高 度 逻 辑 性 ， 
完全 采用 简单 的 纵横 编排 方式 ， 
排除 曲线 ， 并 在 分 割 上 使 用 单纯 
的 颜色 ， 基 本 没有 其 他 多 余 的 装 
饰 ， 同 时 ， 版 面 中 采用 非 对 称 的 
方式 来 追求 非 对 称 中 的 视觉 平衡 
(图 1-16) 。 
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1919 年 德国 建筑 家 格 罗 佩斯 在 德 








计 方 面 ， 包 豪 斯 莫 定 了 现代 平面 的 观念 




















国 





魏 玛 建立 了 “国立 魏 玛 包 豪 斯 学 校 ”， 在 平面 设 











和 风格 ， 对 后 世 影响 深远 。 包 豪 斯 在 平面 设计 上 





受到 俄国 构成 主义 和 荷兰 “风格 派 ”运动 的 影响 ， 具 有 高 度 的 理性 化 、 功 能 性 和 几何 化 





的 特点 。 对 此 具有 突出 贡献 的 是 莫 霍 








里 。 纳 吉 和 赫 伯 特 。 拜 耶 。1925 年 初 ， 包 豪 斯 学 校 
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从 魏 玛 搬迁 到 德 绍 ， 并 对 学 校 进行 了 重新 改组 ， 一 些 学 校 的 毕业 生 被 留 校 任教 成 立 了 
新 的 工作 室 ， 其 中 赫 伯 特 * 拜 尔 被 安排 主持 版 面 的 设计 工作 室 ， 这 一 期 间 出 现 了 大 量 的 
版 面 设计 作品 ， 这 些 作品 有 着 鲜明 的 特点 一 一 风格 主义 和 构成 主义 的 印记 清晰 可 辨 。 赫 

















伯 特 。 和 拜 尔 还 设计 了 一 系列 无 装饰 线 字体 ， 并 被 广泛 应 用 于 其 他 众多 版 面 设计 作品 中 ， 
这 类 版 面 设计 ， 大 量 采用 了 非 对 称 形式 ， 版 面 简洁 ， 内 容 清晰 易 读 ， 极 大 地 凸显 了 现代 
平面 设计 的 功能 特点 ， 如 图 1-17 和 图 1-18 所 示 。 














图 1-17 “ 包 豪 斯 在 魏 玛 ”1919 一 1923” 图 二 18 、《 包 豪 斯 》 封 面 设计 / 葛 霍 里 。 纳 吉 /1929 年 
展览 会 目录 / 赫 伯 特 。 拜 耶 /1923 年 
3. 第 二 次 世界 大 战 后 国际 主义 设计 风格 
20 世 纪 50 年 代 ， 在 瑞士 和 联邦 德国 逐渐 形 系统 的 网 格 结构 和 近乎 标准 化 的 版 
面 公式 来 完成 版 面 设计 的 设计 风格 ， 被 称 之 为 “瑞士 平面 设计 风格 ”。 这 种 设计 风格 后 
来 由 于 其 影响 广泛 ,也 被 称 作 “国际 主义 风格 ”国际 主义 平面 风格 的 特点 是 : 力图 通 
过 最 简单 的 网 格 结构 和 近乎 标准 化 的 版 面 公 式 达到 设计 上 的 一 致 性 ， 这 种 风格 往往 采用 
方 格 网 为 设计 基础 ， 无 论 字 体 还 是 图 片 都 被 排 在 框架 里 ， 因 而 排版 上 出 现 简单 的 纵横 结 
构 ， 采 用 无 饰 线 体 字体 ， 形 成 高 度 功 能 化 、 理 性 化 的 平面 设计 风格 ， 影 响 了 全 世界 ， 如 
图 1-19 和 图 1-20 所 示 。 
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图 1-19 “In 0ut” 纪 念 册封 面 设计 / 图 1-20 “Muter” 产 品目 录 版 式 设计 /彼得 。 兹 维特 / 
瑞 德 。 米 勒 /1964 年 1924 年 


1.3 如 何 学 习 编 排 设计 


本 节 引 言 


对 于 任何 一 门 课程 的 学 习 ， 明 确 学 习 目 标 和 找到 适合 自己 的 学 习 方 法 ， 都 是 顺利 完 
成 本 门 课程 学 习 的 关键 ， 编 排 设 计 的 学 习 也 一 样 。 在 编排 设计 学 习 之 前 首先 要 明确 自己 
的 学 习 目 标 ， 要 学 什么 ， 学 习 这 门 课程 的 目的 和 意义 是 什么 ， 通 过 这 门 课 程 的 学 习 ， 自 
己 将 会 具备 哪些 基本 技能 ， 用 什么 样 的 方法 去 学 习 才 能 效果 更 好 ， 这 些 都 是 初学 者 在 学 
习 之 前 应 该 考虑 的 问题 。 

1.3.1 学 习 编排 设计 的 目的 及 意义 

编排 设计 是 平面 设计 的 一 项 重要 内 容 ， 是 培养 设计 师 审 美 修养 与 画面 整体 布局 能 
力 的 重要 手段 ， 牢 固 掌 握 编 排 设计 的 原理 与 方法 ， 能 够 为 后 期 学 生 专业 方向 课 的 学 习 打 
下 良好 的 基础 。 作 为 平面 设计 师 ， 无 论 面 对 的 工作 是 书籍 设计 、 包 装 设计 ， 还 是 广告 设 
计 、 形 象 识 别 设计 ， 甚 至 是 环境 设计 ， 只 要 与 平面 相关 的 各 种 设计 项 目 都 离 不 开 字 体 与 
编排 这 一 重要 环节 。 可 以 说 ， 对 文字 的 编排 与 图 文 关系 的 处 理 ， 是 顺利 完成 平面 设计 工 
作 的 前 提 ， 尤 其 是 对 书籍 、 杂 志 、 报 纸 等 以 文本 信息 传达 为 主 的 平面 印刷 媒体 的 设计 
不 仅 要 研究 其 文字 、 图 像 、 图 形 之 间 的 关系 ;更 要 研究 其 阅读 行为 、 结 构 组 织 、 视 觉 流 
程 等 相关 问题 ， 只 有 这 样 才能 具备 平面 设计 的 基本 能 力 ， 完 成 平面 设计 的 相关 工作 。 因 
此 ， 编 排 设计 是 一 名 合格 的 平面 设计 师 必须 掌握 并 应 熟练 运用 的 一 项 基本 技能 ， 编 排 设 
计 能 力 是 平面 设计 师 必 须 其 备 的 基本 职业 能 力 。 
1. 3.2 编排 设计 的 学 习 方 法 

编排 设计 与 其 他 专业 设计 课程 一 样 ， 具备 自身 的 设计 原理 ， 因 此 学 习 编排 设计 ， 
首先 要 理解 其 基本 原理 与 设计 要 点 是 什么 。 编 排 设计 的 基本 原理 是 一 切 编 排 设 计 活动 的 
基础 ， 是 评价 一 幅 作 品 优 劣 的 重要 准则 ， 如 何 深入 理解 原理 的 内 涵 ， 如 何 掌握 其 使 用 方 
法 ， 如 何 正确 把 握 设 计 要 点 与 设计 原则 ， 是 正确 学 习 编 排 设计 的 第 一 步 。 

其 次 ， 编 排 设 计 主要 是 针对 不 同 视觉 元 素 之 间 关 系 的 顺序 、 大 小 、 所 占 位 置 、 空 间 
比例 等 的 布局 与 调整 。 因 此 ， 学 习 编 排 设计 ， 多 看 、 勤 思考 是 快速 提高 编排 设计 能 力 的 
关键 。 多 看 ， 指 的 是 多 欣赏 编排 设计 作品 ， 用 直观 感受 去 感觉 哪 幅 作品 的 编排 好 一 些 ， 
哪 幅 作品 的 编排 差 一 些 ， 勤 思考 ， 指 的 是 在 欣赏 作品 的 同时 ， 寻 找 编排 设计 作品 中 所 使 
用 的 原理 是 什么 ， 运 用 的 效果 如 何 ， 欠 缺 什么 ， 是 否 可 以 进一步 完善 等 问题 。 养 成 多 看 
与 勤 思考 的 习惯 ， 能 够 准确 分 辨 编排 设计 作品 的 优 劣 ， 即 培养 所 谓 的 “ 眼 高 ”能 力 ， 可 
以 提升 自身 的 审美 修养 ， 并 能 在 实践 中 有 意 避 免 其 设计 缺点 ， 发 挥 设 计 优 点 ， 快 速 提升 
自身 对 编排 设计 作品 的 审美 能 力 。 

再 次 ， 多 动手 实践 。 在 欣赏 了 大 量 编排 设计 作品 ， 并 能 将 设计 作品 与 编排 原理 结 
合 思考 之 后 ， 要 进行 大 量 的 实践 训练 。 训 练 是 将 原理 转化 为 技能 的 唯一 途径 ， 在 训练 的 
过 程 中 ， 初 学 者 往往 会 遇 到 很 多 问题 。 比 如 在 设计 初期 阶段 ， 预 想 自己 的 作品 将 设计 成 
什么 样 的 风格 ， 心 里 明白 ， 但 在 动手 实践 时 却 力不从心 ， 这 是 很 正常 的 ， 这 时 需要 做 的 







































































































































仿 吉 于 下 淮 喧 ”其 一 四 -ll 























| 事情 就 是 要 鼓励 自己 不 要 气 包 e， 坚 持 做 下 去 ， 只 要 有 信心 、 有 耐心、 认真 思考 、 勤 于 揣 


外 摩 ， 好 的 想法 自然 会 出 现 ， 一 次 小 小 的 成 功 是 为 下 一 次 大 的 成 功 积累 更 多 的 经 验 ， 所 以 鼓 
并 励 自己 做 好 每 一 次 小 的 课题 练习 ， 循 序 渐 进 ， 日 积 月 际 ， 编 排 设计 能 力 必 然 会 逐步 提升 。 
因 编排 设计 的 学 习 是 一 个 长 期 的 过 程 ， 需 要 在 不 断 的 实践 中 积累 经 验 ， 提 高 自身 的 审 














与 美能 力 与 编排 技巧 ， 因 此 学 习 编 排 设计 不 可 急躁 ， 要 有 了 耐心、 有 信心 ， 长 期 坚持 下 去 ， 


河 不 懈 的 努力 必然 会 收 到 良好 的 效果 。 
四 
六 ”单元 训练 写作 业 


1. 作品 欣赏 
欣赏 图 1-21 一 图 1-32 所 示 作品 。 


时 号 [ 品 
哈尔滨 之 时 而 乐 合 








图 1-21 共生 / 冯 卫 美 / 图 1-22 第 31 届 哈尔滨 之 夏 音乐 会 / 图 1-23 第 31 届 哈尔滨 之 夏 音乐 会 / 
李 现 / 指 导 教师 : 汪洋 曹 艳 /指导 教师 : 汪洋 





























1-24 五 月 天 歌 友 会 / 李 瑞 / 图 1-25 共生 /李心洁 / 图 1-26 ”诺基亚 音乐 系列 手机 / 
| 指导 教师 ， 伊 延 波 指导 教师 : 汪洋 王 闻 博 /指导 教师 : 伊 延 波 
































图 1-27 保护 森林 / 张 晶 晶 / 图 1-28 公益 回收 / 刘 才 / 图 1-29 ”第 31 届 哈尔滨 之 夏 音乐 会 / 
指导 教师 ， 伊 延 波 指导 教师 : 伊 延 波 章 宝 华 / 指 导 教师 汪洋 





图 1-30 第 31 届 哈尔滨 之 夏 音 乐 会 / ”图 1-31 第 24 届 中 国 哈尔滨 之 夏 图 1-32 创意 中 国 / 徐 卫 萍 / 
徐 卫 萍 音乐 会 / 张 建 设 指导 教师 :汪洋 


2. 理论 思考 
(1) 通过 对 编排 设计 历史 及 发 展 的 学 习 ， 归 纳 编排 设计 风格 演变 的 特征 ， 并 进行 





总 结 。 
(2) 课 后 搜集 两 名 曾经 在 历史 中 有 影响 力 的 平面 设计 师 ， 分 析 其 作品 的 特点 及 在 当时 
的 特殊 地 位 。 
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本 自生 瀛 泛滥 ”起 一 小 











人 
Cr 
Ee 
课 前 训练 (文字 功能 类 别 的 思考 与 训 ) | 
训练 内 容 : Oo 让 学 生 思 考 这 
字 





ee 
， 教 师 进行 总 结 。 
训练 注意 事项 : a 能 类 型 尽量 丰富 ， 区 别 明显 ， 并 
注意 留 给 学 生 足 够 的 思考 时 间 ， 课 上 互动 和 学 生 积极 发 言 ， 激 发 学 生 对 文 
训练 要 求 和 目 E> 
人 
目标 ， 每 次 小 的 课 前 训练 都 是 为 了 引起 学 生 对 本 次 课程 内 容 的 关注 ， 本 次 课程 注 
意 引导 学 生 关注 版 面 细节 ， 从 文字 开始 ， 关 注 不 同文 字 信 息 的 类 型 特征 ， 通 过 思考 问 
题 、 回 答 问题 、 得 出 正确 答案 等 一 系列 过 程 加 深 学 生 对 文字 元 素 的 理解 ， 从 而 为 本 次 
文字 内 容 的 教学 开启 一 个 好 的 开端 。 


本 章 要 点 


理解 编排 设计 中 文字 的 属性 及 其 特点 。 
掌握 版 面 中 图 像 的 处 理 方法 。 
熟悉 编排 设计 色彩 运用 的 方法 与 原则 。 


本 章 引言 


编排 中 的 视觉 元 素 是 构成 版 面 视觉 的 主体 ， 大 体 包括 文字 、 图 像 与 色彩 等 内 
容 。 编 排 设计 即 是 将 以 上 三 大 元 素 进行 有 目的 的 组 织 、 安 排 与 布局 的 过 程 。 因 此 ， 
在 编排 设计 之 前 首先 对 三 大 元 素 的 各 自 功能 及 其 特点 进行 了 解 是 非常 必要 的 。 本 章 
分 别 对 编排 中 文字 、 图 像 与 色彩 的 特点 、 属 性 及 处 理 方法 进行 介绍 ， 目 的 在 于 为 后 
期 版 面 视觉 元 素 的 整合 莫 定 基 础 。 


分 别 具 有 什么 样 的 功能 ， 之 后 请 学 生 器 
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上 本 节 引 言 

型 在 一 幅 编 排 设 计 中 ， 文 字 是 使 用 频率 最 多 的 视觉 元 素 之 一 ， 与 其 他 元 素 不 同 ， 文 字 
柯 不 仅 肩负 着 阅读 的 重要 使 命 ， 而 且 设 计 合 理 、 具 有 创意 的 新 颖 字体 还 具有 图 形 的 功能 ， 
解 不 仅 能 在 瞬间 抓 住人 的 视线 ， 引 起 读者 的 注意 ， 还 能 够 有 效 传达 信息 。 因 此 ， 准 确 、 合 
攻 理 运 上 字 ， 对 于 编排 设计 至 关 重 要 。 文 字 为 主编 排 设 计 ， 如 图 2-1 所 示 。 

悍 





图 2-1 文字 为 主编 排 设 计 / 李 婷 婷 


2.1.1 文字 的 特性 


文字 是 人 类 用 来 记录 语言 的 符号 系统 ， 对 于 文字 的 特 
性 ， 可 以 从 不 同 角度 与 不 同 深度 去 理解 。 首 先 ， 无 论 在 书 a 
籍 、 报 纸 还 是 在 杂志 中 ， 文 字 始 终 是 人 们 了 解 信息 内 容 的 
站， 因此 ， 对 于 页 面 中 的 文字 ， 其 最 基本 的 功能 
在 于 阅读 ， 阅 读 性 是 文字 的 第 一 特性 ; 其 次 ， 文 字 具 有 一 
定 的 艺术 性 ， 经 过 精心 设计 与 创作 的 字体 ， 能 使 人 产生 强 
烈 的 视觉 吸引 力 ， 并 会 对 版 面 编排 起 到 很 好 的 装饰 作用 ， 
因此 比较 注重 编排 美感 的 版 式 设 计 ， 如 杂志 、 形 象 宣传 
册 、 包 装 等 的 版 面 设计 可 以 从 文字 下 手 ， 对 文字 进行 合理 
设计 ， 可 以 使 版 面 编排 具有 独一无二 的 视觉 美感 ， 最 后 ， 
文字 具有 一 定 的 思想 性 。 文 字 的 思想 性 ， 在 于 与 好 的 创意 
相 结 合 ， 好 的 创意 不 仅 能 加 深 文 字 本 身 的 内 涵 与 深度 ， 加 
同时 ， 其 所 表现 的 主题 还 能 警醒 世人 ， 有 具有 一 定 的 公益 效 到 2-2 ”中 国 精神/ 张 静 / 
益 ， 如 以 字体 为 创意 主体 的 公益 广告 等 ， 如 图 2-2 所 示 。 指导 教师 ， 汪洋 







































































2.1.2 文字 的 基本 属性 

对 于 文字 来 讲 ， 具 有 自身 的 基本 属性 ， 分 别 介绍 如 下 。 
1. 字体 

字体 是 指 具 有 特殊 书写 形式 和 风格 的 完整 的 字符 集 。 不 同 的 字体 可 以 使 版 面 产 生 不 
同 的 风格 ， 设 计时 在 选择 字体 的 时 候 必须 充分 考虑 到 字体 风格 与 版 式 的 整体 风格 及 主题 
内 容 的 一 致 性 。 

1) 印刷 体 

印刷 体 是 指 以 几何 线 型 组 成 的 字样 ， 在 商业 版 面 设 计 中 ， 大 多 数 的 情况 下 是 直接 选 
用 电脑 字库 里 的 印刷 字体 ， 如 方正 字库 、 汉 仪 字库 等 ， 电 脑 中 安装 的 字库 被 大 量 地 应 用 
在 文章 的 正文 、 说 明 性 文字 、 标 题 当中 。 

(1) 中 文 印刷 体 。 汉 字 的 基本 印刷 字体 发 源 于 楷体 ， 成 熟 于 宋体 ， 繁 衍 出 仿宋 、 黑 体 
及 现代 的 多 种 字体 ， 具 体 分 类 如 下 。 

传统 字体 ， 楷体 、 行 书 、 隶 书 、 舒 同体 、 魏 碑 、 仿 宋 3 

过 渡 字 体 ， 宋体 ( 标 宋 、 中 宋 、 大 宋 ) 。 

现代 字体 : 黑体 及 等 线 体 ( 超 黑 、 中 黑 、 中 等 线 、 细 等 线 ) 。 

(2) 英文 印刷 规范 体 。 英 文 的 字体 风格 反映 出 不 同时 期 的 时 代 特 点 ， 大 致 可 以 分 为 古 
罗马 字体 、 现 代 罗 马 字体 、 方 饰 线 体 字 (埃及 人 笨 ) 、 无 饰 线 体 字 等 。 

十 罗马 字体 形成 于 15 世 纪 欧 洲 文艺 复兴 时 期 ， 它 是 拉丁 字母 的 古 体 字 ， 因 此 被 称 
为 古典 罗马 体 。 现 代 罗 马 字体 系 产生 于 18 世 纪 ， 法 国 大 革命 和 启蒙 运动 以 后 ， 在 艺术 上 
反对 巴洛克 风格 和 罗 可 可 风格 , 反映 在 字体 上 ， 工 整 号 精致、 朴素 ， 给 人 条 理性 和 节奏 
感 ， 为 了 和 十 罗马 体 相 区 别称 之 为 现代 罗马 体 。19 世 纪 初 ， 在 英国 随 着 商业 活动 的 莲 勃 
发 展 ， 方 饰 线 体 出 现 于 巴黎 街头 的 广告 上 ,其 特征 明显 ， 线 条 很 粗 ， 由 于 它 的 矩形 字 角 
极 似 埃及 神殿 固定 大 柱 的 柱 台 ， 而 被 称 为 埃及 体 。 无 饰 线 体 几乎 和 方 饰 线 体 同时 流行 
英国 人 称 之 为 黑体 ， 它 把 前 者 的 装饰 角 完 全 去 掉 只 剩 字母 的 骨架 ， 使 字母 醒目 、 简 洁 、 
结实 、 有 力 。 随 着 时 代 的 发 展 ， 现 代 英 文字 体 也 在 不 断 出 现 ， 为 版 式 的 编排 提供 了 更 多 
可 以 借鉴 的 变化 形式 。 

在 中 英文 对 照 的 版 面 中 ， 英 文字 体 的 选用 多 与 中 文字 体 相 匹配 。 例 如 在 版 式 编排 
中 ， 如 果 中 文字 体 选用 黑体 ， 那 么 与 之 相对 应 的 英文 字体 应 选择 与 其 风格 相 类 似 的 无 饰 
线 体 ， 这 样 的 版 面 视 觉 才 会 更 统一 。 

2) 品牌 设计 字体 

品牌 设计 字体 又 称 变 体 字 ， 是 在 一 定 程度 上 摆脱 了 原 有 字形 和 笔画 的 束缚 ， 依 据 文 
字 内 容 ， 充 分 运用 想象 力 ， 艺 术 地 重新 组 织 字形 的 方法 。 商 业 设计 中 品牌 诉求 的 识别 性 
特点 ， 要 求 品牌 字体 具有 独创 性 ， 使 之 与 同类 品牌 相 区 分 。 

2 字号 

字号 指 的 是 一 个 文字 的 大 小 。 计 算 字体 面积 的 大 小 有 号 数 制 、 级 数 制 和 点 数 制 (pt) 。 
不 同 国家 习惯 使 用 的 单位 也 有 所 不 同 ， 比 较 常 用 的 是 号 数 制 ( 字 号 ) 和 点 数 制 ( 磅 ) 。 在 一 般 
情况 下 ， 当 字号 小 于 4 磅 时 ， 由 于 文字 过 于 细密 ， 识 别 性 弱 ， 会 造成 阅读 障碍 ， 因 此 在 通 
常情 况 下 ， 标 题 性 文字 一 般 在 14 磅 以 上 ， 正 文 文字 大 约 在 9 一 12 磅 之 间 ， 人 们 经 常 看 到 的 




























































































渊 沁 沪 当 否 于 六 圭 革 ” 攻 必 小 








书籍 或 者 报纸 的 正文 文字 一 般 为 8 磅 或 者 9 磅 ， 这 样 的 磅 值 比较 适宜 阅读 。 不 同 字号 的 汉 
字 在 版 面 中 的 识别 效果 ， 如 图 2-3 所 示 。 


CI Ca] 
和 泛 具 全 呈 的 者 省 。 下 从 亲 丰 名 如 队伍 入 答 弛 要 ， 庆 吉大 认 芍 久生 皮 


[Ld 
项 要 司 命 ， 汪 此 这 计 合理、 具有 介意 的 拆 痪 字体 还 具有 说 形 的 功能 ， 不仅 能 在 内 刻 
十 住 入 的 机 线 ， 川 起 谈 者 的 证 总 ， 证 能 第 有 效 线 达 信息 


出 洪 茸 属 室 将 灯 瞳 泡 生 小 兴 涩 一 一 一 < 


(RE A eA Ss 4 
字 不 仅 孚 负 着 网 读 的 恒 贤 使 命 ， 耐 且 设 计 合 丙 、 上 共有 便 意 的 新 
闲 字 体 还 其 在 图 形 的 功能 ， 不 仅 能 在 醒 间 抓 作 大 的 视线 ， 引 起 
读者 的 注意 、 还 能 够 丰 效 伶 达 信息 


在 一 帆 编 排 设计 中 ， 文 字 是 使 用 频率 最 多 的 视觉 元 素 
之 一 ， 文 字 不 仅 朋 有 仙 着 陪读 的 重要 使 命 ， 而 且 设 计 合 
理 、 其 有 创意 的 新 颖 字体 还 县 有 图 形 的 功能 ， 不 仅 能 
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传达 信息 


在 一 幅 编 排 设计 中 ， 文 字 是 使 用 频率 最 多 
的 视觉 元 素 之 一 ， 文 字 不 仅 眉 负 着 陪读 的 
重要 使 命 ， 而 且 设 计 合理 、 具 有 创意 的 新 
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在 一 幅 编 排 设计 中 ， 文 字 是 使 
人 于 
文字 不 仅 肩 负 着 阅读 的 重要 使 。 


图 2-3 不 同 字号 的 汉字 在 版 面 中 的 识别 效果 








3. 字 距 与 行距 

字 距 指 的 是 在 同一 行文 字 中 ， 字 与 字 之 间 的 距离 。 行 距 指 的 是 在 同一 段落 中 ， 行 与 
行 之 间 的 距离 。 把 握 文字 的 间距 、 行 距 不 仅 是 阅读 功能 的 需要 ， 也 是 形式 美感 的 需要 。 
行距 的 控制 比 字 体 大 小 更 能 造就 清晰 顺畅 的 阅读 条 件 ， 从 形式 感 上 讲 ， 紧 密 的 行距 使 段 
落 在 版 面 中 呈现 面 的 特点 ， 而 分 散 的 行距 使 段落 的 整体 感 在 视觉 上 弱化 ， 而 突显 每 一 行 
的 线性 特点 。 一 般 要 求 行 距 略 大 于 字 距 。 不 同行 距 特 点 如 图 2-4 至 图 2-6 所 示 。 





图 2-4 行距 过 于 紧密 ， 影 响 。 ”图 2-5 行距 宽松 ， 视 线 流畅 图:6 行距 适宜 ， 适 合 阅读 


正常 阅读 但 整体 感 弱 N 
4， 对 齐 方式 


对 齐 方式 指 的 是 文字 在 文本 段落 中 As 一 幅 页 面 中 的 文字 段落 之 所 
以 政体、 有 规律 ， 是 由 于 段 沙文 字 使 用 了 不同 的 对 齐 方式 。 不 同文 字 对 齐 方式 的 合理 运 
用 ， once eg 

1) 左右 对 齐 > 

ed 
边缘 对 齐 ， 是 段落 文字 最 常用 的 排列 格 
式 ， 左 右 对 齐 使 得 段落 文字 严 说、 端 
正 、 美 观 ， 这 种 整齐 划一 的 排列 方式 可 
使 版 面 视觉 清晰 有 序 。 六 

2) 左边 对 

这 是 最 接近 阅读 习惯 的 一 种 排列 
方式 ， 版 面 格式 规范 而 不 刻意 。 左 边 对 
齐 的 文字 在 整体 段落 的 左边 形成 一 条 重 
直线 ， 右 边 根据 编排 需求 有 紧 有 松 ， 虚 
实 相间 ， 可 形成 较 强 的 韵律 感 与 形式 美 图 2-7 左边 对 齐 
感 ， 如 图 2-7 所 示 。 

3) 右边 对 齐 

右边 对 齐 方式 只 适用 于 少量 文字 ， 可 以 形成 较 特殊 的 版 面 视觉 。 这 种 对 齐 方式 不 太 
符合 人 们 的 阅读 习惯 ， 但 能 形成 较 新 颖 的 视觉 效果 ， 在 编排 时 右边 的 对 齐 部 分 往往 会 与 
图 形 照片 建立 视觉 联系 以 取得 整体 的 版 面 形式 ， 如 图 2-8 所 示 。 

4) 居中 对 齐 

每 一 行文 字 以 与 文本 框 垂直 的 中 轴线 对 齐 ， 居 中 对 齐 方式 多 用 于 中 心 对 称 式 版 面 ， 
给 人 以 庄重 、 肃 稳 、 经 典 的 感觉 ， 其 特点 是 中 心 突出 、 视 线 集中 、 整 体感 强 。 如 配 有 图 
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渊 沁 沪 当 否 于 六 寺 尘世 必 小 





避 溢 茸 属 斌 将 灯 腊 涵 生 沪 沽 泪 -ll 





片 ， 文 字 中 轴线 最 好 与 图 片 中 轴线 对 齐 ， 这 样 版 面 视觉 更 加 统一 、 均 衡 ， 如 图 2-9 所 示 。 





图 2-8 ”右边 对 齐 图 2-9 > 


5) 自由 排列 CCK Kk 

文字 根据 画面 的 需求 自由 排列 ， 打 破 秩序 ， 尝 册 用， “庄家 运用 于 少量 的 字数 ， 可 
使 文字 易于 与 画面 融合 ， 轻 松 而 富有 韵味 。 但 要 注意 ， oe 
自 排列 是 在 遵循 形式 美 法 则 的 基础 上 ， pe 与 版 面 的 空间 合理 安排 文字 元 
素 ， 如 图 2-10 所 示 。 

6) 文字 绕 图 SS- 

指 文字 围 比 画 面 中 图 形 的 外 轮 廊 进行 编排， 这 种 方法 使 文字 的 编排 生动 有 趣 、 亲 切 
自然 ， 是 编排 设计 中 较 常 用 的 一 和 编排 方式 ， 如 图 2- 册 所 示 - 

































































图 2-10 “ 鲍 勃 。 莫 尔 德 (Bob 图 2-11 关于 摇滚 明星 的 电视 节目 / 戴 维 。 卡 森 / 美 / 
Mould) ”人 物 特写 / 戴 维 。 卡 森 / 图 中 文字 绕 图 组 成 的 图 形 映 射出 电视 机 的 形状 /资料 
美 /1990 年 /资料 来 源 : 印刷 的 终结 来 源 : 印刷 的 终结 

2.1.3 字体 的 搭配 组 合 

1. 版 面 中 字体 的 选择 





字体 是 形成 版 面 美感 的 重要 元 素 ， 但 在 编排 时 字体 种 类 的 选择 是 越 多 越 好 ， 还 是 








简单 明了 好 呢 ? 这 是 一 个 需要 强调 的 问题 。 对 于 一 幅 编 排 作 品 ， 文 字 的 主要 功能 是 用 来 
阅读 。 因 此 ， 以 文字 为 主 的 编排 作品 ， 字 体 的 变化 不 宜 过 多 ， 不 论 信息 量 有 多 少 ， 字 体 
选择 控制 在 2 一 3 种 足以 应 付 画面 的 需要 。 但 在 特殊 情况 下 ， 如 果 有 必要 选择 2 一 3 种 不 同 
的 字体 ， 建 议 少量 文字 的 标题 选择 较 宽 和 具有 一 定 修饰 的 字体 ， 以 吸引 读者 ， 而 大 量 正 
文 、 段 落 、 文 字 适 合 选择 简洁 、 笔 画 较 细 的 字体 ， 以 方便 阅读 ， 如 图 2-12 所 示 。 























图 2-12 ”以 文字 为 主 的 编排 作品 / 李 婷 婷 


2. 竖 排 与 横 排 

竖 排 与 横 排 是 文字 编排 的 两 种 基本 形式 ， 汉 字 编 排 有 两 种 可 能 ， 或 横 排 或 竖 排 ， 坚 
排 被 视 作 汉字 传统 的 书写 方式 ， 现 代 设 计 中 灵活 地 运用 这 种 编排 方式 能 区 隔 信息 ， 获 得 
不 同 的 版 面 形式 。 

英文 的 竖 排 与 汉字 不 同 ， 这 并 不 是 英文 正规 的 书写 格式 ， 也 不 符合 英语 使 用 者 的 阅 
读 习惯 ， 竖 排 仅仅 是 出 于 风格 的 特殊 需要 ， 或 限于 版 面 的 特殊 情况 ， 因 此 英文 较 少 适宜 
采用 坚 排 形式 。 


2.1.4 文字 层次 关系 的 形成 


从 功能 角度 讲 ， 版 面 中 的 文字 常常 有 很 多 种 ， 标 题 性 文字 、 副 标题 性 文字 、 正 文 、 
注释 等 ， 不 同 的 功能 性 文字 构成 了 整个 版 面 的 文字 系统 。 编 排 设计 者 对 文字 编排 的 目的 
就 是 使 不 同 功 色 字 在 版 面 中 的 排列 具有 一 定 的 层次 性 ， 使 读者 在 阅 = 的 时 
候 能 够 感受 到 文字 编排 的 条 理 尿 辑 性 。 那 么 ， 如 何 打造 编排 设计 中 文字 之 间 的 层次 
关系 昵 ?可 以 从 以 下 两 方面 考虑 。 

首先 ， 可 以 通过 改变 文学 和 字体 的 方式 来 调整 文字 之 间 的 层次 关系 。 比 如 在 一 
个 出 版 物 的 页 面 设计 中 ， 可 以 选择 18 磅 作为 标题 性 文字 的 尺寸 ， 选 择 9 磅 作为 正文 的 尺 
寸 ， 选 择 7 磅 作为 注释 的 尺寸 ， 通 过 一 系列 字号 的 区 分 ， 很 容易 形成 页 面 中 文字 的 层次 关 
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另外 ， 字 体 的 选择 对 文字 层次 关系 的 形成 也 至 关 ， 在 一 般 情 况 下 ， 通 常 选择 庄 
和 、 严 谨 的 字体 作为 标题 性 文字 的 字体 ， 例 如 黑体 、 综 艺 体 等 ， 也 可 根据 版 面 的 需要 适 
当 对 标题 性 文字 进行 加 粗 处 理 ， 这 样 的 文字 更 加 醒目 : 选择 规整 、 清 晰 、 识 别 性 强 的 字 
体 作 为 正文 字体 ， 例 如 宋体 、 仿 宋 等 ; 选择 斜体 作为 注释 字体 ， 这 种 处 理 方法 可 以 有 效 
区 分 不 同 功能 性 文字 之 间 的 关系 ， 如 图 2-13 所 示 。 

其 次 ， 可 以 通过 改变 字体 的 颜色 形成 文字 间 的 层次 关系 ， 例 如 在 一 幅 海报 作品 
中 ， 文 字 不 仅 承 担 着 阅读 识别 的 功能 ， 同 时 还 具有 修饰 版 面 的 作用 ， 不 同 颜色 的 字 
体 ， 给 人 带 来 的 视觉 感受 不 一 样 ， 纯 度 高 、 与 背景 颜色 对 比 强烈 的 字体 更 加 醒目 ， 
相反 次 之 。 因 此 ， 在 进行 文字 层次 关系 处 理 的 时 候 ， 从 字体 颜色 的 角度 考虑 ， 也 是 
一 个 不 错 的 处 理 方法 ， 如 图 2-14 所 示 。 
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图 2-13 ”过 渡 时 期 稿件 / 戴 维 。 卡 森 / 美 / 图 2-14 ”2010 年 第 六 届 中 国 宋 庄 文化 艺术 节 / 
资料 来 源 ， 印 刷 的 终结 哈尔滨 理工 大 学 艺术 学 院 作品 展 招贴 /汪洋 


2.1.5 绘画 性 的 文字 版 面 

绘画 性 文字 版 面 是 对 文字 版 面 艺 术 性 编排 的 一 种 探索 ， 是 相对 于 功能 性 文字 版 面 来 
说 的 ， 文 字 版 面 的 基本 功能 在 于 阅读 ， 而 绘画 性 的 文字 版 面 不 仅 具 有 文字 用 于 阅读 的 基 
本 属性 ， 同 时 还 具有 利用 图 形 传递 信息 的 功能 ， 如 图 2-15 和 图 2-16 所 示 。 

经 过 特殊 编排 的 文字 形成 各 种 图 形 、 空 间 ， 从 某 种 意义 上 说 ， 这 也 是 一 种 传达 信息 
的 形式 ， 只 不 过 这 种 信息 传达 不 是 通过 阅读 来 完成 ， 而 是 通过 文字 组 合 排列 所 形成 的 图 
形 与 版 面 空间 来 实现 。 设 计 者 利用 各 种 不 同 游戏 性 的 实验 编排 ， 将 读者 的 注意 力 吸引 到 
对 书页 视觉 特征 的 关注 上 ， 这 种 编排 形式 往往 会 产生 意 想 不 到 的 视觉 效果 ， 同 时 也 能 激 
发 设计 师 的 设计 灵感 ， 是 现代 编排 设计 训练 中 非常 重要 的 一 种 视觉 探索 ， 如 图 2-17 所 示 。 



































图 2-15 ”绘画 性 文字 版 面 设计 / 姚 大 侠 图 2-16 绘画 性 文字 版 面 设计 / 殷 若 桐 / 
指导 教师 : 汪洋 
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本 节 引 言 


图 是 构成 编排 设计 的 重要 元 素 之 一 ， 一 幅 好 的 版 式 作品 ， 离 不 开 对 图 的 编辑 。 图 在 
版 式 设计 中 不 仅 起 到 增加 版 面 视觉 美感 、 形 象 表现 设计 主题 的 作用 ， 同 时 图 还 具有 传递 
信息 的 功能 ， 新 颖 、 独 特 、 具 有 创意 的 图 片 能 在 瞬间 抓 住人 的 视觉 ， 达 到 迅速 传递 信息 
的 目的 ， 在 平面 设计 中 ， 图 已 经 成 为 编排 设计 者 着 力 表现 的 重要 元 素 ， 对 初学 者 来 讲 ， 
图 的 编辑 与 处 理 是 学 习 编 排 设计 必须 掌握 的 基本 技能 。 


2.2.1 图 片 的 设计 


编排 设计 中 的 图 片 种 类 很 多 ， 但 无 论 这 些 图 片 是 绘画 作品 ,“ 还 是 摄影 照片 ， 或 是 
手绘 插图 ， 在 编排 设计 中 都 要 将 其 转化 为 电子 图 片 ， 并 对 其 进行 合理 的 选择 、 剪 切 及 
组 合 。 
1， 图片 的 选择 

在 表现 一 个 版 面 主题 时 ， 设 计 师 往往 面 对 的 图 片 很 多 ， 对 众多 的 图 片 进行 选择 ， 
是 设计 师 进 行 图 片 编排 的 第 一 步 ， 如 何 选择 最 适合 该 版 面 的 图 片 ， 可 以 从 两 方面 考虑 ， 
一 方面 ， 该 图 片 要 具有 一 定 的 美感 ， 这 种 美感 不 仅 指 摄影 图 片 的 拍摄 角度 、 构 图 、 色 彩 
等 ， 而 且 还 要 具备 能 打动 观赏 者 的 瞬间 ， 使 观赏 者 与 图 片 所 表现 的 内 容 产生 共鸣 ;， 另 
一 方面 ， 被 选择 的 图 片 要 符合 版 面 主 题 ， 对 主题 能 起 到 很 好 的 补充 与 说 明 作 用 ， 如 图 
2-18 所 示 。 



























































图 2-18 所 选择 的 图 片 主 体形 象 要 明确 突出 





2. 图片 的 剪裁 

图 片 的 剪裁 也 是 图 片 编辑 的 关键 一 环 ， 在 编排 设计 中 几乎 没有 原创 图 片 不 经 过 
任何 剪裁 直接 拿 来 用 的 。 图 片 如 何 剪裁 ， 要 保留 的 部 分 多 少 ， 不 仅 需 要 根据 图 片 的 
表现 主体 来 确定 ， 而 且 还 需要 充分 考虑 到 版 面 的 整体 感觉 ， 所 保留 的 部 分 是 否 与 版 
面 的 整体 风格 一 致 ， 是 否 足 够 吸引 观赏 者 的 视线 ， 打 动 观赏 者 ， 使 人 记忆 深刻 ， 如 



























































图 2-19 所 示 。 

















3. 图 片 的 处 理 





在 编排 设计 中 ， 对 图 片 进行 处 理 是 编排 设计 中 不 可 缺少 的 关键 环节 ， 图 片 的 处 理 方 


法 大 致 可 以 分 为 以 下 几 种 。 
1) 褪 底 





图 2-19 ”剪裁 大 小 不 同 所 形成 的 不 同 图 片 视觉 














利用 照相 机 所 采集 的 图 像 大 多 以 矩形 的 形状 在 版 面 中 出 现 ， 有 时 使 人 感觉 呆板 或 突 
无 ， 为 了 使 更 具 活 力 、 生 动 、 有 趣 ， 对 照片 进行 褪 底 处 理 是 一 个 不 错 的 方法 。 褪 底 
是 将 图 片 中 的 某 个 视觉 要 素 沿 着 边缘 进行 剪裁 以 此 将 该 要 素 从 图 片 中 “ 抠 ” 出 来 ， 经 





过 褪 底 处 理 的 
图 片 视觉 效果 
更 加 鲜明 和 突 
出 ， 如 图 2-20 
所 示 。 

在 对 图 片 
进行 褪 底 处 理 
时 ， 一 定 要 严 
谨 和 细心 ， 褪 
底 图 像 的 边缘 
要 工整 、 细 腻 ， 不 可 有 过 多 的 
剪 切 痕迹 ， 尽 量 做 到 褪 底 图 像 
的 完整 、 美 观 。 

2) 合成 

合成 是 图 像 处 理 经 常 使 用 
的 一 种 方法 ， 合 成 是 将 多 个 具 
象 元 素 ， 根 据 大 小 、 强 弱 、 虚 
实 以 及 色调 等 多 种 视觉 处 理 方 
法 合成 为 一 个 统一 、 协 调 的 整 
体 ， 目 的 是 为 了 突出 主题 ， 增 
强 图 像 美感 与 视觉 吸引 力 ， 如 





















































ee 到 2-21 它 的 生命 是 真 的 奢侈 品 -NABU 
图 2-21 所 示 。 自然 保护 招贴 /德国 
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图 2-22 ”快乐 新 世纪 / 


A re ce 秋山 贝 义 /日 本 


3) 打 散 重 构 

将 完整 的 摄影 图 片 进行 裁 
剪 、 打 散 ， 再 从 设计 的 角度 对 其 
重新 组 合 、 破 碎 、 错 私处 理 ， 使 
画面 的 所 有 图 文 信息 被 重新 归 整 
为 一 个 有 机 整体 ， 这 种 处 理 方法 
所 形成 的 画面 往往 被 赋予 了 新 的 
形式 美感 ， 具 有 新 的 生命 力 ， 如 
图 2-22 所 示 。 

4) 影 调 

将 全 彩 的 照片 进行 去 色 处 
理 ， 保 留 明暗 层次 关系 ， 再 着 以 
一 套 颜 色 ; 仅 以 一 套 颜色 诠释 照 
片 的 明暗 层次 ， 会 增加 画面 的 艺 
术 感 染 力 ， 如 图 2-23 所 示 。 















































图 2-23 ” 影 调 的 变化 





夏 音乐 会 / 张 建 设 


be 、 





5) 

根据 主题 与 构图 
需要 ， 对 图 片 进行 虚 
实处 理 可 以 有 效 地 突 
出 图 片 主体 ， 避 免 次 
要 部 分 的 视觉 干扰 ， 
虚实 处 理 可 以 使 画面 































图 2-24 ”第 28 届 中 国 ， 哈尔滨 之 更 具 空间 感 与 层次 美 














感 ， 如 图 2-24 所 示 。 





4. 图 片 的 组 合 


编排 设计 中 图 片 的 组 合 一 般 分 为 两 种 ， 即 散 


伏 排 列 和 块 状 排列 。 针 对 不 同 的 版 面 题 


材 与 图 片 数量 选择 适宜 的 排列 方式 ， 可 以 打造 富有 不 同 表现 力 的 版 面 空 间 。 散 状 排列 指 


图 片 以 散 构 的 形式 排列 在 版 面 中 ， 能 够 





的 版 面 区 域 划分 ， 可 以 使 版 面 信息 清 





青 晰 醒目 、 一 目 


2.2.2 图 片 内 容 所 带 来 的 版 面 感受 
在 : 


平面 设计 中 





不 同 的 图 片 内 容 传 





告 版 面 轻松 、 
面 中 的 图 片 要 以 归 整 的 块 状 进行 排列 ， 这 种 排列 方式 讲究 版 面 的 秩序 性 和 严谨 性 ， 


着 不 同 的 视觉 信息 






活跃 的 视觉 气氛 。 块 状 排列 指 版 


归 整 
了 然 。 


在 编排 设计 中 ， 为 了 传达 








特定 的 
的 不 同 ， 





: 题 内 容 ， 


可 以 将 图 片 分 为 具象 性 图 片 、 抽 象 性 图 上 





不 同 的 图 片 内 容 在 版 面 中 所 表达 的 视觉 感受 是 不 一 


1. 具象 性 图 片 增强 版 面 的 直观 感受 

具象 性 图 片 是 指 对 自然 界 中 的 物象 直接 采集 ， 
图 片 。 具 象 性 图 片 包 含 的 内 容 广 泛 ， 人 物 、 动 物 、 
于 具象 性 图 片 的 范畴 ， 在 编排 设计 中 ， 
觉 效 果 ， 如 图 2-25 和 图 2-26 所 示 。 





图 2-25 乳业 产品 广告 





图 2-26 小 碳 裕 司 个 展 系列 招贴 / 


小 碳 裕 司 /日 本 


选择 与 之 相关 联 的 图 片 帮助 强化 版 面 


利用 上 其 象 性 图 片 传递 信 





题 。 根 据 图 片 所 表现 内 容 
半 、 创 意 性 图 片 以 及 特殊 技法 图 片 等 ， 
样 的 。 








根据 版 式 的 需 
植物 、 风 景 


进行 有 目的 性 处 理 的 
建筑 、 物 品 等 形象 都 属 
息 ， 具 有 直观 、 醒 目的 视 









好 书 中 < 名 > 


潜 涝 洲 
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2. 抽象 性 图 片 丰富 版 面 的 视觉 效果 

抽象 性 图 片 是 对 自然 形象 进行 概括 、 提 炼 、 简 化 而 得 到 的 形态 ， 这 种 图 形 样式 虽然 
在 外 在 形式 上 已 经 脱离 了 原 有 物象 的 相貌 特征 ， 但 其 本 质 上 仍 具 有 与 原 物 品 相关 联 的 特 
性 ， 例 如 点 、 线 、 文 字符 号 、 几 何 形 以 及 不 规则 的 有 机 形 等 。 抽 象 性 图 片 具有 简约 化 特 
征 ， 在 版 面 中 可 以 起 到 很 好 的 烘托 主题 、 串 联 信息 、 构 建 画面 、 营 造 气氛 的 调和 作 | 
可 以 有 效 地 丰富 版 面 的 视觉 效果 ， 如 图 2-27 和 图 2-28 所 示 。 



































图 2-27 信息 时 代 转 换 与 换 位 讲座 招贴 / 图 2-28 ”进步 与 互动 讲座 招贴 / 伊 延 波 
伊 延 波 
3， 创意 性 图 片 增强 版 面 的 视觉 冲击 力 
创意 性 图 片 是 根据 图 片 所 要 表达 的 主题 ， 利 用 创造 性 思维 和 不 同 的 表现 手法 对 图 片 
进行 的 创作 。 创 意 性 图 片 往 往 效 果 明 显 ， 表 现 力 更 强 ， 会 在 瞬间 抓 住 观赏 者 的 视觉 ， 并 
能 形成 深刻 记忆 ， 常 被 用 于 平面 广告 、 图 形 创意 等 领域 ， 优 秀 的 创意 性 图 片 往往 还 具备 
深刻 的 文化 内 涵 ， 发 人 深 省 ， 具 有 一 定 的 公益 、 警 示 作 用 ， 如 图 2-29 和 图 2-30 所 示 。 

















丁 








图 2-29 ” 爱 因 斯 坦 一 毕 雷 矿泉 水 /法 国 图 2-30 ”眼睛 一 毕 雷 矿泉 水 /法 

















4. 特殊 技法 图 片 增强 版 面 的 艺术 魅力 








特殊 技法 图 片 是 通过 对 原 有 图 片 进行 特殊 技法 加 工 所 形成 的 具有 新 的 艺术 魅力 的 图 


片 。 常 见 的 特殊 技法 有 点 绘 、 拼 贴 、 半 立体 处 理 、 转 印 、 











片 具 备 了 新 的 生命 力 ， 往 往 比 原 图 片 的 艺术 效果 更 强 ， 更 具 

















刊刻 等 ， 经 过 特殊 技法 处 理 过 的 区 
| 吸引 力 ， 如 图 2-31 和 图 2-32 所 示 。 





图 2-31 特殊 技法 - 线 绘 / 蒋 静 飞 图 2-32 ”特殊 技法 - 反 白 / 谢 杨 丽 
D0 
本 节 引 言 


“ 远 看 色 ， 近 看 花 ”， 进 入 人 们 视线 的 形象 ，“ 第 一 印象 ”是 在 最 开始 的 几 秒 钟 
内 形成 的 ， 而 形成 “第 一 印象 ”的 最 重要 因素 是 以 色彩 为 中 心 的 视觉 信息 ， 然 后 才 是 造 
型 、 材 质 和 其 他 细节 。 换 而 言 之 ， 在 设计 中 传达 信息 和 印象 最 重要 且 最 即时 有 效 的 要 素 
便 是 色彩 ， 不 同 的 色彩 能 给 观赏 者 带 来 不 同 的 感受 ， 对 编排 设计 作品 而 言 ， 色 彩印 象 往 





往 占据 版 面 视觉 的 重要 地 位 。 
2.3.1 色彩 的 基本 要 素 在 版 面 中 的 运用 














自然 界 中 的 色彩 千变万化 ， 为 了 更 好 地 把 握 和 运 





色彩 ， 人 们 对 色彩 进行 研究 、 概 














可 以 营造 出 不 同色 彩 感觉 的 版 面 风格 。 














t 度 。 在 编排 设计 中 ， 合 理 的 运 . 
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| 1. 色相 在 版 面 中 的 运 上 

















排 色相 是 构成 色彩 的 三 要 素 之 一 ， 色 相 由 色彩 的 


波长 决定 ， 每 种 色彩 都 有 与 之 相对 应 的 色相 名 称 ， 





在 通常 情况 下 ， 人 们 都 是 通过 色相 来 识别 和 辨认 物 

















原 

理 

时 象 的 色彩 的 。 

从 在 编排 设计 中 ， 通 常 利 


色相 可 以 营造 出 不 





人 同色 彩 感 觉 的 版 面 视觉 ， 例 如 象征 生命 与 活力 的 绿 





色 系 版 面 ， 象 征 能 量 、 热 情 的 红色 系 版 面 等 。 在 色 





相 的 运用 上 ， 利 用 减法 法 则 ， 减 少 用 色 数量 ， 能 
打造 简洁 、 明 快 的 版 面 效 果 ， 运 用 对 比 强 烈 的 简洁 








色彩 ， 可 以 有 效 突出 版 面 主体 ， 








点 。 色 相 环 如 图 2-33 所 示 。 
2. 明度 在 版 面 中 的 运用 


明度 的 色彩 给 人 的 感受 








营造 版 面 的 视觉 焦 





图 2-33 ”色相 环 


色彩 明度 指 色 彩 的 深浅 与 明暗 系数 ， 色 彩 的 明度 值 取 决 它 反 射 的 光 的 强度 ， 不 同 
不 一 样 的 ， 如 高 明度 的 色彩 给 人 的 感觉 清新 、 明 亮 、 华 丽 ， 低 


明度 的 色彩 给 入 的 感觉 深沉 、 低 调 、 朴 素 ， 中 明度 的 色彩 给 人 的 感觉 腾 肛 、 含 茧 、 平 淡 
等 。 明 度 能 够 表现 物体 的 立体 感 与 空间 感 。 





版 面 的 3 
明度 对 比如 图 2-34 所 示 。 











3. 纯度 在 版 面 中 的 运用 














图 2-34 不同 明度 对 比 


在 编排 设计 中 ， 利 用 色彩 的 明度 可 以 使 版 面 变 得 明亮 或 者 低沉 ， 通 常情 况 下 ,根据 
E 素 与 版 面 所 要 表达 的 主题 选择 适宜 的 明度 值 对 版 面 信息 的 传达 


: 关 重 要 。 不 同 





纯度 是 指 色彩 的 鲜艳 程度 ， 也 有 艳 度 、 浓 度 、 彩 度 、 饱 和 度 等 说 法 ， 纯 度 越 高 的 色 
彩 在 视觉 上 越 鲜艳 ， 纯 度 越 低 的 色彩 视觉 感觉 越 暗淡 。 


在 编排 设计 中 ， 不 同 的 纯度 能 带 来 不 同 版 面 的 视觉 情调 与 氛围 ， 
色 、 亮 丽 ， 能 有 效 提升 版 面 整体 的 华丽 感 ， 给 人 留 下 艳丽 、 华 美的 视觉 印象 。 低 纯度 的 
色彩 平静 、 暗 淡 ， 给 人 人 沉稳、 冷静 的 视觉 效果 。 中 纯度 的 色彩 既 不 艳丽 也 不 暗淡 ， 而 呈 
现 出 相对 平静 、 淡 定 的 状态 能够 营造 温和 、 统 一 的 版 面 视觉 效果 。 纯 度 对 比如 图 2-35 和 

















2-36 所 示 。 




















高 纯度 的 色彩 鲜 


京 


彩 度 高 
































2.3.2 色彩 所 呈现 的 版 面 风格 
在 编排 设计 中 ， 色 彩 的 运用 对 版 面 主题 与 风格 的 表达 至 关 寻 























传达 不 同 的 主题 内 容 ， 不 同色 彩 的 合理 运用 能 够 呈现 不 同 风格 的 版 面 特征 
1， 怀 旧 的 版 面 风格 

怀旧 能 引起 人 们 对 往事 的 思考 与 怀念 ， 在 编排 设计 中 ， 为 了 主题 需要 营造 怀旧 风格 
的 版 面 视觉 ， 在 色彩 上 可 以 选用 低 纯度 、 深 色 系 的 颜色 ， 这 种 低沉 、 
够 有 效 帮助 衬托 主题 ， 营 
图 2-37 所 示 。 
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0 志 
图 2-37 怀旧 的 版 面 风格 











馨 主题 的 版 面 视 觉 可 以 通过 暖色 系 来 营造 ， 尤 其 是 橙色 系 ， 能 人 
悍 橙色 系 根 据 明度 的 不 同 能 够 营造 不 同 的 温暖 感觉 。 因 此 ， 




















图 2-35 ”纯度 的 高 低 对 比 图 2-36 ”加 入 不 同等 级 黑白 灰 的 纯度 变化 


EE 要 ， 不 同色 彩 能 够 帮助 





的 色彩 感觉 能 


怀旧 的 视觉 气氛 人 并 能 促使 观赏 者 与 版 面 主题 产生 共鸣 ， 如 





ceo MO WO #0 
C25 MD TD x40 


C10 WD Ys KIO 


上 给 人 喜悦 、 幸 
营造 温 区 的 版 























面 视觉 可 以 多 采用 橙色 系 、 黄 色 系 等 能 带 给 人 温暖 感觉 的 色彩 ， 如 图 2-38 所 示 。 


洲 才 必 验 -ll 
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融 水 尘 芍 谱 将 灿 赔 河 寺 中江 敬 


图 2-38 习 温 机 的 
3， 华 丽 的 版 面 视觉 






版 面 风格 


纯度 高 、 明 度 高 的 色彩 能 给 人 带 来 华丽 的 视觉 感受 过 尤其 是 纯度 高 的 暖色 系 ， 给 


人 的 感觉 艳丽 、 华 美 。 因 此 ,在 编排 设计 中 合 


华丽 的 版 面 视觉 ， 但 要 注意 版 面 各 要 素 之 间 的 
所 示 。 










a 
we 
C0 Ws Y25 KIO 
EE 

9 














I - ~ ,…- 
WN - … … - Ea 
EN ~ i 


理 搭配 纯度 高 、 明 度 高 的 颜色 能 够 营造 
色彩 搭配 一 定 要 和 谐 、 美 好 ， 如 图 2-39 
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习 2-39 ”华丽 的 版 面 风格 








4. 浪漫 的 版 面 氛围 
浪漫 的 版 面 视觉 可 以 通过 明度 高 的 暖色 系 来 营造 ， 如 粉红 、 淡 紫 等 色彩 ， 这 类 色 系 
能 够 打造 出 柔和 、 典 雅 的 浪漫 情调 ， 给 观赏 者 以 无 限 的 想象 空间 ， 如 图 2-40 所 示 。 
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(d) 
图 2-40 ”浪漫 的 版 面 风格 
5， 时 尚 的 版 面 气息 
在 编排 设计 中 ,鲜艳 的 色彩 组 合 能 够 营造 出 时 尚 的 现代 气息 ， 和 谐 的 、 浓 烈 的 鲜艳 
颜色 组 合 在 一 起 具有 热情 、 火 辣 、 火 爆 的 视觉 感受 ， 因 此 大 胆 地 运用 鲜艳 的 色彩 组 合 能 
够 丰富 版 面 效果 ， 形 成 强烈 的 视觉 冲击 力 ， 如 图 2-41 所 示 。 
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图 2-41 时 尚 的 版 面 风格 
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渊 沁 沪 当 否 于 六 寺 车” 攻 必 小 











| 6. 严肃 的 理性 风格 

排 在 对 科技 性 、 工 业 性 等 严肃 的 版 面 进行 设计 时 ， 颜 色 多 选用 冷色 系 ， 冷 色 、 暗 色 能 
计 此 给 人 庄严 肃穆 的 感觉 ， 同 时 还 能 给 和 人 严谨 、 理 性 、 信 任 的 视觉 感受 ， 使 人 产生 尊重 、 
敬 蝴 的 情感 心理 ， 如 图 2-42 所 示 。 
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i (d) 
图 2-42 ”严肃 的 版 面 风格 








7， 悬疑 的 视觉 气氛 

在 版 式 设 计 中 ， 选 用 明度 低 的 暗色 ,适度 配合 灰色 、 黑 色 等 色彩 ， 可 以 产生 悬疑 、 
神秘 的 版 面 视觉 这 种 配色 方式 尤其 适合 带 有 悬疑 色彩 的 影视 海报 ， 通 过 色彩 的 引导 ， 
很 容易 引起 观赏 者 的 猜测 、 遐 想 ， 从 而 吸引 观赏 者 的 观赏 兴趣 ， 如 图 2-43 所 示 。 
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(e) (qd) 
习 2-43 ”悬疑 的 版 面 风格 
34 
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元 训练 与 作业 








图 2-44 无 为 广告 / 张 建 设 





b 
图 2-46 ”中 国 精神 / 柯 定 国 


图 2-47 





图 2-45 汉字 文化 / 孙 妍 
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成 就 绿色 ， 成 就 未 来 / 孙 妍 
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图 2-48 ”中国 元 素 一 一 滑冰 篇 / 图 2-49 中 国 元 素 一 一 滑板 篇 / 图 2-50 ”中国 元 素 一 一 击剑 篇 / 


王 海 博 /指导 教师 ， 伊 延 波 王 海 博 /指导 教师 : 伊 延 波 王 海 博 /指导 教师 ， 伊 延 波 


2. 课题 内 容 一 一 文字 、 图 形 、 色 彩 相 结 合 的 版 式 设计 练习 

课题 时 间 : 4 课时 。 

教学 方式 ， 教师 先 选 用 优秀 的 设计 师 作品 作为 范例 ， 产生 们 共同 探讨 设计 师 的 创 
及 对 版 面 中 视觉 元 素 的 把 控 方 式 增强 学 生 的 审美 意识 ， 然 后 拟 一 个 主题 内 容 ， 
图 形 、 色 块 分 别 排版 图 样 ,再 将 文字 、 图 形 与 色 块 组 合成 一 张 图 样 。 

要 点 提示 : 如 果 说 版 面 是 二 个 舞台 ， 那 么 文字 、 图 形 ` 色彩 则 是 在 这 个 舞台 上 表演 
的 和 角色， 不 同 角 色 的 搭配 组 成 了 不 同 的 情节 内 容 。 观 摩 与 分 析 经 典 作品 ， 学 习 优秀 设计 
师 对 视觉 元 素 的 经 营 技巧 所 同时 加 入 自己 的 设计 思路 六 使 版 面 舞台 更 加 华丽 与 活跃 。 
















要 求 用 文字 、 色彩 、 图 形 来 表现 某 种 主题 。 

(2) 主题 明确 ”条 理 清 晰 ， 体 现 出 创作 个 性 与 情趣 。 

(3) A4 纸 ， 提 交 打 印 稿 和 电子 稿 。 

训练 目的 : 通过 欣赏 优秀 作品 和 作业 练习 ， 使 学 生理 解 文 字 、 图 形 、 色 彩 之 间 的 关 
系 及 各 自 特 点 和 作用 ， 从 而 把 握 设计 的 语言 和 表现 技 将 不 同 的 表现 要 素 用 共同 的 、 
关联 的 视觉 语言 统一 到 一 幅 作品 中 ， 做 到 准确 、 灵 活 的 运用 。 
3. 其 他 作业 

教师 可 根据 教学 的 侧重 点 ， 选 择 多 种 训练 方法 有 意识 锻炼 学 生 对 文字 、 图 形 、 色 彩 
在 版 面 中 的 驾驭 能 力 。 
4. 理论 思考 

(1) 举例 说 明 不 同 字体 的 搭配 组 合 所 表现 出 来 的 作品 的 特性 。 

(2) 举例 说 明 色彩 性 格 对 版 面 设计 的 影响 及 色彩 对 文字 、 图 形 的 作 
5. 相关 知识 链接 

1) 色彩 混合 的 “名 法 ” 

对 于 出 现 的 冲突 效果 或 互 斥 效果 ， 是 不 应 该 被 “粗暴 ”地 排斥 的 ， 因 为 这 种 效果 对 




































于 一 个 希望 在 艺术 品 中 清晰 地 表达 某 种 意义 的 艺术 家 来 说 ， 是 一 种 珍贵 的 手段 ， 不 仅 可 
以 帮助 他 把 前 景 与 后 景 分 离开 来 ， 还 可 以 把 树 的 叶子 与 树干 和 树枝 分 离开 来 。 或 者 ， 他 











还 可 以 利 
参见 : 
2) 编 








这 种 效果 阻止 眼 畏 从 那些 他 不 希望 描 扫 的 路 线 上 扫 过 。 
鲁 道夫 。 阿 恩 海 姆 . 艺术 与 视 知 觉 [四 . 成 都 : 四川 人 民 出 版 社 ，1998. 
设计 














编排 设计 主要 包括 书籍 装帧 和 书籍 、 报 刊 、 册 页 等 所 有 印刷 品 的 版 面 设计 ， 以 及 影 
视图 文平 面 设计 等 。 当 编排 的 是 广告 信息 内 容 时 ， 便 同时 属于 广告 设计 ; 当 编排 的 是 包 





装 的 版 面 时 ， 


参见 : 











便 又 属于 包装 设计 。 
改定 邦 . 设计 学 概论 [M] .长沙 : 湖南 科学 技术 出 版 社 ，2009. 
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课 前 训练 (版 面 视觉 重点 的 感受 与 思考 A 
en 的 编排 设计 作品 ， 让 学 生 用 最 直观 的 
a 





原因 ， 请 学 生 回 答 ， 说 明理 由 后 总 结 。 

训练 注意 事项 ， 教 编排 设计 作品 视觉 重点 尽量 明显 ， 视 觉 重点 形 
成 的 原理 要 有 所 不 同 ， 县 代表 性 ， 并 注意 留 给 足够 的 思考 时 间 。 课 上 互动 环 
节 ， 豆 大 学 生 大 胆 说 出自 己 的 真实 感受 ， 不 怕 ， 让 每 个 同学 都 能 真正 参与 到 问 
题 的 思考 中 来 六 加 深 ee 
训练 要 求 和 目 SSA 
， 课 题 训练 之 前 要 求教 证 基 视 觉 重点 的 概念 简单 讲述 ， 使 学 生 对 视觉 重点 有 
一 个 正确 的 认识 ， 课 上 教师 与 学 生 积极 互动 ， 激 发 学 生 的 参与 热情 ， 共 同 思考 ， 教 师 
在 最 后 总 结 问题 时 注意 用 词 准确 、 讲 述 到 位 。 

目标 ， 本 次 课 前 训练 目标 是 为 了 引起 学 生 对 版 面 视觉 重点 的 关注 与 认识 ， 版 面 重心 
是 构成 版 面 视 觉 主 体 的 重要 组 成 部 分 ， 通 过 认真 思考 版 面 重心 的 形成 规律 ， 总 结 版 面 视 
觉 元 素 图 形 、 文 字 、 色 彩 在 版 面 视觉 重心 中 的 应 用 特点 ， 加 深 学 生 对 版 面 视觉 重点 形成 
规律 的 认识 ， 从 而 为 正确 编排 版 面 ， 打 造 具 有 强烈 视觉 冲击 力 的 版 面 视觉 商定 基础 。 
本 章 要 点 

黄金 分 割 定律 与 视觉 美 点 。 

视觉 重点 的 形成 。 

形式 美 法 则 在 版 面 中 的 运用 。 
本 章 引 言 

本 章 是 本 书 的 核心 篇 章 ， 讲 述 编排 设计 的 重要 原理 。 任 何 设计 都 有 它 的 理论 基 
础 ， 编 排 设计 也 一 样 ， 本 章 通 过 对 编排 设计 中 如 何 确定 视觉 美 点 ， 如 何 确定 最 佳 视 
域 ， 如 何 营造 视觉 重点 等 内 容 的 阐述 ， 使 读者 对 编排 设计 原理 有 一 个 清晰 、 明 确 的 
认识 ， 并 能 在 掌握 此 原理 的 基础 上 重新 审视 版 面 ， 对 版 面 的 视觉 构成 及 最 佳 视 域 有 
一 个 全 新 的 理解 与 感悟 。 





3.1 黄金 分 割 与 视觉 美 点 


本 节 引 言 


在 一 幅 版 式 作品 中 ， 如 果 能 正确 确定 版 面 中 视觉 美 点 区 域 ， 并 能 将 视觉 主体 元 素 摆 
放 在 视觉 美 点 处 ， 那 么 这 幅 版 面 作品 将 具备 一 定 的 艺术 美感 ， 并 更 有 利于 信息 的 传达 。 
那么 如 何 确定 版 面 中 的 视觉 美 点 ， 如 何 定位 版 面 中 的 美 点 区 域 ， 这 将 是 本 节 重 点 讲述 的 














内 容 。 本 节 从 黄金 分 割 律 出 发 ， 引 上 














到 二 维 空间 中 的 最 美 区 域 ， 使 学 生理 解 并 能 正确 找 


到 版 面 中 视觉 美 点 的 位 置 ， 并 能 根据 版 式 主题 的 需求 进行 有 目的 的 版 面 编排 设计 。 


3.1.1 黄金 分 割 


黄金 分 割 是 世界 上 公认 的 具有 严格 的 比例 性 、 艺 术 性 、 和 谐 性 ， 蕴 藏 着 丰富 美学 价 


值 的 定律 。 
1. 黄金 分 割 律 的 定义 


黄金 分 割 是 一 种 数学 上 的 比例 关系 ， 最 早 由 古 希 腊 哲 学 家 毕 达 哥 拉 斯 发 现 ， 德 





学 家 泽 举 把 这 一 比例 称 为 黄金 分 割 律 。 其 定义 为 将 一 条 线段 分 为 两 部 分 ， 较 大 部 分 与 较 


小 部 分 之 比 等 于 整体 与 较 大 部 分 之 比 


美丽 ， 被 认为 是 最 理想 的 分 配 ， 因 此 称 为 黄金 分 割 ， 也 称 为 中 外 比 。 


2， 黄 金 分 割 的 应 用 


， 其 比值 为 1 : 0. 618， 由 于 按 此 比例 设计 的 造型 十 分 















由 于 黄金 分 割 在 造型 艺术 中 具有 不 可 低估 的 价值 ， 因 此 在 实际 生活 中 黄金 分 
割 律 的 应 用 也 十 分 广泛 ， 例 如 舞台 上 的 主持 人 不 是 站 在 舞台 的 正中 央 ， 而 是 偏 在 舞台 一 
侧 ， 大 约 站 在 舞台 长 度 的 黄金 分 割 点 处 的 位 置 因为 此 位 置 视 觉 效 果 最 美观 ， 声 音 传 播 











3-1 黄金 分 割 律 在 建筑 中 的 应 用 











齐 律 ， 例 如 埃及 金字 
塔 ， 形 似 方 锥 ， 但 这 些 金字 塔 底面 的 边 长 与 高 之 比 
都 接近 于 0. 618， 古 代 的 一 些 神 庙 ， 在 建筑 时 高 和 宽 
也 是 严格 按照 黄金 分 割 比 来 建立 ， 他 们 认为 这 样 的 
长 方形 最 美观 。 今 人 惊讶 的 是 ， 人 体 自身 也 和 0. 618 
密切 相关 ， 意 大 利 画家 达 。 芬 奇 发 现 ， 人 的 肚脐 位 
于 身长 的 0. 618 处 ， 画 家 们 按照 0. 618 : 1 来 设计 腿 长 
与 身高 的 比例 ， 画 出 来 的 人 体 身材 最 优美 。 在 自然 
界 中 ， 植 物 叶子 的 生长 也 遵循 着 0. 618 定 律 ， 如 果 从 
一 棵 嫩 枝 的 顶端 向 下 看 ， 会 发 现 叶 子 是 按照 黄金 分 
割 的 规律 排列 着 的 ， 植 物 学 家 认为 ， 这 个 角度 对 叶 
子 的 采光 、 通 风 都 是 最 佳 的 。 将 这 个 比率 运用 到 版 
式 设计 之 中 ， 可 以 得 到 更 容易 被 读者 喜欢 的 构图 。 
黄金 分 割 律 在 人 们 生活 中 已 经 成 为 了 一 条 重要 的 审 
美 定律 ， 是 设计 创作 者 必须 理解 并 应 正确 应 用 的 经 
典 定 律 。 黄 金 分 割 律 在 建筑 中 的 应 用 如 图 3-1 所 示 。 


















































3.1.2 视觉 美 点 


视觉 美 点 指 的 是 版 面 中 最 美 
的 视觉 点 ， 找 到 了 版 面 中 最 美的 
视觉 点 ， 就 很 容易 营造 版 面 中 美 
的 空间 。 
1. 版 面 中 视觉 美 点 的 确定 

在 编排 中 如 何 确定 版 面 中 的 
视觉 美 点 ， 一 直 是 设计 创作 者 不 
断 探 讨 的 问题 ， 对 于 一 条 线段 ， 
利用 黄金 分 割 法 ， 可 以 确定 线段 
上 的 两 个 视觉 美 点 ， 那 么 对 于 一 
个 平面 来 讲 ， 可 以 认为 它 是 由 两 
组 平行 的 线段 组 合 而 成 ， 将 两 组 
平行 线段 上 的 8 个 视觉 美 点 分 别 横 
向 连接 与 纵向 连接 ， 就 会 在 版 面 
中 出 现 4 个 相交 点 ， 这 4 个 相交 点 
即 是 平面 中 的 视觉 美 点 ， 如 图 3-2 
所 示 。 图 3-2 ”版面 中 视觉 美 点 的 位 置 




















2. 版 面 中 视觉 美 点 的 运用 

版 面 中 视觉 美 点 的 位 置 是 根据 黄金 分 割 律 得 出 的 ， 用 眼睛 观察 视觉 美 点 的 位 置 大 
约 在 版 面 中 纵横 两 个 方向 的 三 分 之 一 或 三 分 之 二 的 位 置 上 ， 因 此 在 构图 设计 中 ， 如 果 要 
表现 广阔 的 蓝天 ,“ 通 常 将 地 平 线 设 在 版 面 纵 向 三 分 之 二 的 位 置 上 ， 这 样 的 蓝天 看 上 去 更 
宽广 ， 构 图 也 更 完美 ， 如 果 要 表现 一 望 无 际 的 海洋 ， 则 要 把 天 际 线 设 在 版 面 纵向 三 分 之 
一 的 位 置 上 ,这样 的 海洋 看 上 去 会 更 广阔 。 注 意 一 定 不 要 把 天 际 线 设 在 版 面 的 中 心 线 位 
置 ， 那 样 的 话 ， 天 际 线 脱离 了 视觉 美 点 的 位 置 ， 版 面 构 图 会 显得 僵硬 、 呆 板 ， 这 就 是 为 
什么 很 多 版 面 的 构图 ， 不 会 将 主体 物 摆 放 在 版 面 的 正中 心 ， 而 是 有 意 将 其 摆 放 在 版 面 正 
中 心 偏 左 或 偏 右 位 置 上 的 主要 原因 ， 但 特殊 构图 除外 。 























3.2 视觉 重点 的 形成 


本 节 引 言 


一 幅 有 设计 感 的 版 式 编排 作品 ， 往 往 在 其 版 面 设计 中 都 有 一 个 视觉 重心 ， 也 可 以 称 
之 为 视觉 焦点 ， 视 觉 重 心 形成 了 整个 版 式 的 视觉 主体 ， 使 观赏 者 一 眼 即 能 识别 。 有 具有 视 
觉 重 心 的 版 式 作品 往往 视觉 流程 明确 ， 主 体 突出 ， 设 计 感 更 强 。 本 节 重 点 围绕 视觉 重心 
的 形成 方法 ， 讲 述 版 面 中 的 视觉 重点 如 何 营造 。 
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汕 深 倒 斗 漆 痊 莫 ”其 必 洲 


病 溢 芋 格 斌 将 灯 眶 涵 生 承 涝 泪 -| 


3.2.1 视觉 重点 的 形成 方法 

在 版 式 编排 中 ， 如 何 设计 版 面 中 的 视觉 重点 是 设计 师 必须 认真 思考 的 问题 ， 营 造 版 
面 重点 的 方法 根据 其 版 面 主题 需求 的 不 同 而 有 所 不 同 ， 具 体 编排 方法 如 下 。 
1. 简化 

简化 即 是 强化 ， 简 洁 的 版 面 往往 具有 最 直观 的 表现 力 ， 能 迅速 传播 主题 信息 ， 抓 住 
观赏 者 的 视线 。 因 此 ， 在 版 面 设 计 中 ， 为 了 突出 主体 ， 对 版 面 进行 简化 是 非常 必要 的 ， 
删除 版 面 中 多 余 的 视觉 元 素 ， 只 保留 主体 元 素 ， 使 背景 保留 大 部 分 的 空白 ， 能 有 效 突出 
主体 ， 形 成 版 面 中 的 视觉 焦点 。 简 化 并 不 是 单调 乏味 和 空白 的 滥用 ， 而 是 建立 在 新 颖 独 
特 的 艺术 层面 上 的 ， 简 化 的 实质 是 将 信息 内 容 精 炼 、 浓 缩 ， 并 突出 创意 表现 ， 从 而 保 
证 注入 的 视觉 元 素 有 足够 的 视觉 感染 力 ， 以 经 得 起 读者 的 反复 揣 读 ， 如 图 3-3 和 图 3-4 
所 示 。 
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图 3-3 ”摄影 师 “ 艾 尔 伯 特 * 沃 森 (Albert 图 3-4 2001 年 9 月 11 日 /桑田 修 /日 本 
Watson) 作品 集 ”/ 版 面 设计 戴 维 ， 卡 森 / 
美 /资料 来 源 ; 印刷 的 终结 


2. 特异 

特异 是 平面 设计 中 经 常 
使 用 的 一 种 方法 ， 利 用 特异 可 
以 营造 版 面 中 的 视 在 
版 面 设计 中 ， 利 用 视觉 元 素 的 
大 小 、 明 度 、 方 向 、 形 态 、 色 
彩 等 方面 的 特异 ， 能 够 使 特异 
元 素 从 版 面 其 他 元 素 中 突出 出 
来 ， 抓 住 观赏 者 的 视线 ， 形 成 
视觉 重点 。 但 在 进行 特异 变化 
置 尽量 位 于 版 面 中 的 视觉 美 
点 处 ， 这 样 版 面 的 整体 视觉 
才 会 更 完美 ， 如 图 3-5 一 图 3-7 
所 示 。 
























































图 3-5 帆船 运动 / 安 
妮 特 。 兰 姿 /法 国 











| SUMMER MUSIC FESTIVAL274 





nV 
VAVAY 





全 
: es VAN 
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乐 会 海报 系列 / 金 炫 /韩国 图 3-7 ”特异 构成 / 投 若 桐 /指导 教师 : 汪洋 












等 视觉 元 素 ， 可 以 在 版 面 中 
出 指示 目标 主体 ， 形 成 具有 


在 版 式 设计 中 ， 有 时 利用 一 些 带 有 指示 性 的 图 形 、 色 彩 
形成 具有 方向 性 的 指示 结构 ; ;利用 这 种 编排 方式 ， 能 有 效 
针对 性 的 版 面 视觉 重心 ， 如 图 3-8 和 图 3-9 所 示 。 











图 3-8 ”图 文 版 面 构成 / 殷 若 桐 图 3-9 祖国 改革 开放 30 年 / 徐 文 廷 / 
指导 教师 : 汪洋 指导 教师 ， 伊 延 波 
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3.2.2 最 佳 视 域 

版 面 中 最 重要 的 信息 一 般 安排 在 注目 价值 最 高 的 位 置 ， 这 个 位 置 被 称 为 版 面 的 “最 
计 佳 视 域 ”。 根 据 黄 金 分 割 律 人 们 得 出 在 一 幅 版 面 中 有 4 个 视觉 美 点 ， 这 4 个 视觉 美 点 往往 
理 是 放置 主体 元 素 首先 考虑 到 的 位 置 ， 那 么 对 于 这 4 个 视觉 美 点 ， 其 受 关 注 的 程度 是 否 一 
这 样 呢 ? 研究 表明 ， 由 于 人 类 长 期 形成 的 观察 习惯 的 特点 ， 一 个 版 面 中 的 不 同 视 域 ， 受 
例 到 的 关注 程度 是 不 一 样 的 ， 人 的 视线 在 一 幅 版 面 中 的 浏览 顺序 是 从 左 到 右 、 从 上 到 下 。 
析 因此 ， 对 于 4 个 视觉 美 点 而 言 ， 左 上 美 点 受 关注 的 程度 为 42%， 左 下 美 点 受 关 注 程度 为 
程 25%， 右 上 美 点 受 关注 程度 为 20%， 右 下 美 点 受 关注 程度 为 13%， 如 图 3-10 所 示 。 根 据 这 
个 数值 ， 就 能 很 容易 确定 一 幅 版 面 中 最 佳 视觉 的 位 置 ， 即 版 面 左上 部 和 中 上 部 为 最 佳 视 
域 ， 是 应 最 优选 择 的 位 置 。 

版 面 设计 是 以 自然 科学 和 人 文科 学 为 前 提 的 一 种 视觉 和 心理 规律 的 科学 研究 ， 最 佳 
视 域 是 通过 对 人 们 视觉 心理 习惯 的 科学 实验 而 得 出 的 可 供 设计 参考 的 “标准 ”， 了 解 这 
一 基本 原理 ， 结 合 实际 情况 具体 调整 ， 寻 求 创新 与 突破 才能 更 好 地 为 设计 服务 ， 如 图 3-11 
所 示 。 



































图 3-10 最 佳 视 域 图 3-11 奥运 形象 景观 与 中 国文 化 元 
素 讲座 海报 / 张 幽 /指导 教师 : 伊 延 波 


3.3 形式 美 法 则 在 版 面 中 的 运用 


本 节 引 言 


形式 美 法 则 是 学 习 编 排 设计 必须 掌握 的 审美 原则 ， 形 式 美 法 则 能 够 培养 设计 者 对 版 
| 











面 形式 美的 感受 ， 指 导 设 计 者 更 好 地 去 设置 版 面 元 素 ， 创 造 美的 版 面 视觉 。 掌 握 形 式 美 
法 则 ， 能 够 使 设计 者 自觉 地 运用 形式 美的 法 则 表现 美的 版 面 内 容 ， 达 到 美的 形式 与 美的 
内 容 的 高 度 统一 。 

形式 美 法 则 是 人 类 在 创造 美的 形式 、 美 的 过 程 中 对 美的 形式 规律 的 经 
概括 ， 主 要 包括 : 对 称 与 均衡 、 对 比 与 调和 、 节 奏 与 韵律 、 变 异 与 秩序 、 
比例 与 适度 等 ， 下 面 分 别 对 形式 美 法 则 的 内 容 进 行 讲解 。 
1. 对 称 与 均衡 

对 称 与 均衡 的 作用 都 是 寻求 视觉 
式 有 以 中 轴线 为 轴 心 的 左右 对 称 ， 以 水 





























A 







总 结 和 抽象 


感 。 对 称 是 指 同等 同 量 的 平衡 ， 对 称 的 形 
基准 的 上 下 对 称 和 以 对 称 点 为 源 的 放射 对 
















称 。 在 生活 中 对 称 的 形式 很 多 ， 如 鸟 类 的 羽翼 、 人 的 眼睛 、 中 国 的 古典 建筑 乃至 人 类 的 
身体 都 是 对 称 构成 的 。 对 称 的 形 上 有 秩序 、 安 定 、 整 齐 、 典 雅 、 庄 重 、 的 






朴素 之 美 。 在 版 式 设 计 中 利用 对 称 原 则 可 以 打造 平衡 、 稳 定 ; 庄重 、 严 谨 的 版 式 空间 。 
但 是 ， 对 称 的 形式 也 易于 产生 呆板 的 感觉 ， 在 追求 动感 和 变化 的 现代 设计 中 ， 对 称 的 形 
式 在 版 面 编排 设计 中 常常 会 做 一 定 的 变化 ， 以 求 得 视觉 上 的 灵活 性 ， 即 不 完全 的 对 称 ， 
比如 在 色彩 或 者 造形 上 做 一 定 的 变化 ， 以 打破 绝对 对 称 木 讷 的 缺憾 ， 这 样 的 版 面 形式 被 
称 为 相对 对 称 或 亚 对 称 ， 如 图 3-12 和 图 3-13 所 示 。 








图 3-12 互利 共生 /高 其 明 图 3-13 反 皮 草 / 齐 霞 


均衡 与 对 称 有 所 不 同 ， 均 衡 是 等 量 不 等 形 的 平衡 ， 均 衡 是 指 以 视觉 中 心 为 支点 ， 各 
构成 要 素 以 支点 保持 视觉 意义 上 的 力度 平衡 ， 换 句 话 说 ， 均 衡 所 指 的 是 心理 上 的 
并 非 物象 上 上 下、 左右 的 完全 一 致 。 因 此 ， 均 衡 与 对 称 相 比 ， 更 具 活 力 。 在 版 面 设 ? 
过 于 对 称 的 版 面 有 时 会 显得 过 于 呆板 ， 而 合理 地 运用 均衡 可 以 丰富 版 面 ， 在 维持 了 重 
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定 的 前 提 下 ， 产 生动 中 有 静 、 静 中 有 动 的 形态 美 ， 使 版 面 更 具 动感 ， 如 图 3-14 和 图 3-15 所 示 。 








图 3-14 ” 东 加 西 第 二 届 大 学 生 图 3-15 “生命 之 树 / 孙 妍 

国际 海报 双 年 展 / 张 幽 

首 导 教师 ， 伊 延 波 

2. 对 比 与 调和 

对 比 是 差异 性 的 强调 ， 存 在 于 相 性 红牛 尝 的 性 人 它 是 把 相对 的 两 种 或 多 种 
要 素 人 使 其 = 生 大 小 、 明 了 瞳 、 统 密 、 粗 细 、 高 低 、 远 近 、 动 
静 、 轻 重 、 锐 钝 等 强 对 比 是 9 主 从 关系 和 统一 变化 的 效 
果 ， 知 先 当 在 同一 版 面 中 相互 并 存 、 -起 ， 对 比 越 强 
烈 ， 视 觉 效 果 越 刺激 。 调 和 是 使 两 者 或 两 者 以 上 的 元 素 相 互 具有 共性 ， 使 其 在 同一 画面 
台 人 舒适 、 安 定 统一 之 感 ， 是 近似 性 的 强调 。 和 在 版 式 设 计 中 ， 对 比 与 调和 相互 牵制 、 


i I WW 不 可 分 割 ， 元 素 
A G A 通过 对 比 使 版 面 
产生 矛盾 上 的 差 
异 ， 吸 引 观 赏 者 
的 注意 ， 再 通过 
调和 寻求 元 素 牛 
的 关联 ， 寻 找 共 
辣 进而 组 和 
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< 多 TO 
方法 ， 如 图 3-16 
图 3-16 ”2010 年 中 国 上 海 世界 博览 会 / 3-17 ”2010 年 中 国 上 海 世界 和 图 3-17 所 示 。 
林 般 管 博览 会 /Caripi/ 芬 兰 
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3. 节奏 与 韵律 
自然 界 的 一 切 运动 全 部 是 按照 一 定时 间 周 期 进行 运转 的 ， 这 种 周期 变化 的 节奏 与 第 
韵律 直接 支配 着 人 的 创作 和 想象 ， 也 影响 着 人 的 视觉 。 在 版 面 构成 中 ， 具 有 一 定 节 四 
律 的 造型 才能 给 人 美的 画面 的 气氛 和 性 格 ， 或 丰富 热情 ， 或 各 
松 。 具 体 地 说 ， 机 同一 个 图 形 在 一 定 的 变化 规律 中 ， 重 复出 现 所 产生 的 设 
运动 感 。 节 台 全 和 也 有 渐变 、 Ris 明 晴 、 长 短 、 形 状 、 高 低 等 的 排列 构 的 
重复 所 获得 的 一 种 秩序 感 和 生命 感 局 













时 指 的 是 = ,由 或 规律 产生 的 视觉 变化 ， 通 过 视觉 元 素 的 疏 密 处 理 ， 产 生 
变化 ， 形成 的 和 。 密 的 排列 给 人 收缩 、 集 中 的 感觉 ， 而 玻 的 排列 会 形成 一 种 发 
“ 张 的 倾向 ， 





烈 的 视觉 张力 的 ， 

韵律 是 富 于 变化 的 
和 节奏， 是 节奏 中 注 
入 个 性 化 的 变异 形 
成 的 丰富 而 有 趣味 
的 反复 与 交替 ， 节 





奏 变 化 越 大 韵律 感 
越 强 ， 版 面 效果 越 
让、 振奋 。 节 奏 
能 够 使 人 产 
生 轻 快 、 跳 动 、 旋 
转 的 视 幻 效果 ， 在 
版 面 设计 中 ,能 有 
效 增强 版 面 的 艺术 
感染 力 ， 如 图 3-18 
和 图 3-19 所 示 。 


> 








图 3-18 ”和 平 海报 / 寺 岛 贤 幸 /日 本 


局 


图 3-19 斯 里 兰 卡 / 夏 蒋 。 马 维 亚 纳 / 
戴 维 斯 /津巴布韦 
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| 4， 变异 与 秩序 






















第 变异 是 指 在 整体 版 面 效果 中 有 意识 地 夸张 文字 或 图 形 的 某 个 部 分 ， 使 局 部 产生 突 
放 | 变 ， 在 版 面 中 变异 的 部 分 往往 是 版 面 中 的 视觉 焦点 ， 具 有 突出 主题 、 牵 引 读者 视线 、 有 
原 “| 效 传递 版 面 主题 信息 的 功能 。 秩 序 是 一 种 组 织 美的 纺 排 方式 ， 它 能 使 版 面 效 果 整 洁 、 有 
与 | 条理 。 具 有 秩序 感 的 版 面 能 够 获得 视觉 上 的 规律 美 ， 可 以 引导 视觉 有 序 地 从 一 个 要 素 向 
从 ”| 另 一 要 素 转移 。 构 成 秩序 美的 原理 有 对 称 、 均 衡 、 韵 律 、 多 样 统一 等 ， 在 秩序 中 加 入 
条 “| 变异 ， 能 使 版 面 构成 更 富 于 变化 ， 并 能 有 效 突出 版 面 的 中 心思 想 ， 如 图 3-20 一 图 3-22 
所 示 。 








图 3-20 ”保护 绿色 /和 孙 妍 





与 留 白 






实 是 指 版 面 视觉 要 素 之 间 


的 文字 、 图 形 或 色彩 


:次 性 与 层次 感 。 


间 a 
留 白 指 的 是 版 面 中 未 放置 





宗 复 杂 的 答 

法 ， 

人 提供 相应 的 视觉 

者 
间 层 次 

作为 版 面 设 计 的 背 


休息 。 


可 小 


与 空白 


在 元 素 
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法 则 处 理 元 素 间 的 


间 层 次 ， 
其 形式 、 大 小 、 比 例 决定 着 版 面 的 视觉 传达 。 





- 些 想象 的 空间 ， 讲 究 


了 景 部 分 ， 
用， 有 时 行距 、 字 距 过 大 会 影 
导致 视觉 效果 上 的 不 和 谐 和 浏览 混乱 ， 所 以 在 编排 设计 中 把 握 好 “ 度 ” 
关系 的 处 理 上 ， 





图 3-21 造 图 形 , /图形 模仿 官员 /迈克 。 尼 克 / 
引导 自然 


然 /Mostafazadeh， 
Ali Reza/ 伊 朗 


自 多 





图 3-22 








的 对 比 关 系 ， 虚 指 的 是 虚 化 ， 实 代表 清晰 ， 有 时 虚 也 代 
乡 ， 这 要 根据 版 面 要 素 内 容 而 定 。 在 版 面 设计 中 ， 虚 实 相互 依 
关系 ， 能 有 效 突出 主体 元 素 ， 虚 化 次 要 元 素 ， 使 元 素 之 








任何 图 文 的 空间 ， 与 其 他 视觉 元 素 共 同 构成 版 面 中 虚 
它 是 版 式 设计 中 的 一 种 重要 手段 ， 是 “ 虚 ” 的 特殊 表现 手 
留 白 不 仅 能 引 人 和 人 注意 ， 而 且 可 以 给 
感 ， 在 编排 设计 中 ， 巧 妙 的 留 白 ， 多 给 
能 更 好 地 衬托 主题 ， 凝 聚焦 点 ， 营 造 版 面 的 空 











白 能 够 酿造 
空白 之 美 ， 








E 着 版 式 设计 的 整体 效果 ， 因 此 “空白 ”不 
空白 使 用 得 不 好 也 会 造成 视线 流动 的 中 断 ， 

是 留 白 的 关键 ， 
位 的 ， 处 理 得 当 可 以 使 整个 空间 变 得 鲜 


空白 空间 决定 
响 阅 读 ， 





功能 永远 是 第 一 
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| 
el 
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点 的 同时 也 增强 了 视觉 上 的 美感 ， 如 图 3-23 所 示 。 
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汕 淹 琶 斗 漆 闪 莫 ”其 必 洲 
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图 3-23 ”版 式 作品 / 刘 佳 

6， 比 例 与 适度 

比例 是 指 形 的 整体 与 部 分 、 部 分 与 部 分 之 间 数 量 或 大 小 的 比率 关系 ， 在 版 面 设计 
中 比例 就 是 各 元 素 之 间 按 逻辑 关系 编排 而 构成 的 形式 美感 ， 它 是 图 、 文 、 色 彩 等 视觉 元 
素 部 分 与 部 分 之 间 量 的 比较 ， 可 分 为 等 比 、 大 小 对 比 、 面 积 对 比 等 。 适 度 是 对 版 面 要 素 
位 置 调节 的 心理 尺度 ， 将 线条 、` 文 字 、 图 片 、 图 形 等 二 系列 要 素 ， 按 照 适度 的 比例 关系 
进行 宏观 调控 ， 获 得 和 谐 有 序 的 视觉 画面 ， 是 符合 读者 的 视觉 心理 的 ， 这 可 以 帮助 读者 
在 身心 和 感情 上 获得 平衡 。 选 用 什么 样 的 适当 比例 运用 到 版 面 编排 中 ， 都 决定 于 版 面 需 
求 ， 也 是 影响 整个 版 面 结 构 关系 的 主要 因素 ,如 图 3-24 和 图 3-25 所 示 。 














图 3-24 辉煌 中 国 / 伊 延 波 图 3-25 中 国共 产 党 成 立 90 周 年 / 伊 延 波 
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单元 训练 与 作业 


1， 作品 欣赏 


欣赏 图 3-26 一 图 3-35 所 示 作 品 。 








图 3-26 ”创意 中 国 / 刘 瑞 航 图 3-27 中 国 


指导 教师 ， 汪 洋 


yD CATCH ALL THE NOSES 
村 


FASHION CTIMS 


图 3-29 反 皮 草 / 邓 雅 婷 





指导 教师 : 汪洋 





图 3-30 


奈 出 妈 





图 3-28 





创意 中 国 / 陈 国 波 


指导 教师 ， 汪 洋 





反 皮 草 / 李 奕 莹 /指导 教师 : 


汪洋 


CATCH ALL THE EYES 











图 3-31 ”中国 元 素 / 蔡 婷 婷 


指导 教师 ， 伊 延 波 


图 3-32 中国 元 素 / 赵 兆 / 
指导 教师 ， 伊 延 波 
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图 3-33 ”中 国 元 素 / 门 茂 文 / 
指导 教师 ， 伊 延 波 





Tara 画 材 系列 广告 一 / 李 奕 注 /指导 教师 : 伊 延 波 





图 3-35 中国 红 /和 孙 妍 
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2. 课题 内 容 一 一 版 式 的 形式 美 法 则 练习 
课题 时 间 : 8 课时 。 
教学 方式 : 教师 引导 学 生 欣 赏 作 品 资料 ， 并 结合 实例 对 视觉 美 点 、 黄 金 分 割 、 视 觉 
、 形 式 美 法 则 做 深入 具体 的 分 析 ， 帮 助理 解 有 关 编 排 设计 构成 规律 及 其 实际 运 
通过 对 编排 设计 原理 的 正确 理解 ， 分 别 进行 练习 。 

要 点 提示 : 编排 设计 原理 所 包含 的 法 则 与 技巧 并 不 是 孤立 存在 的 ， 它 们 是 互 为 因 
借 、 紧 密 关联 的 ， 只 有 全 方位 的 整体 运用 ， 才 能 合乎 不 同人 的 审美 要 求 。 

教学 要 求 : 

(1) 用 所 学 的 六 大 形式 美 法 则 结合 黄金 分 割 律 与 视觉 重点 的 知识 ， 设 计 6 幅 版 面 ， 每 
幅 版 面 突出 一 种 形式 美 法 则 。 

(2) 作业 的 内 容 与 形式 相 统一 ， 形 式 必 须 能 够 说 明 内 容 ， 具 有 功能 性 和 艺术 性 。 

(3) 创意 新 颖 ， 形 式 独特 。 

(4) A4 纸 ， 提 交 打 印 稿 和 电子 稿 。 

训练 目的 :从 形式 美 法 则 的 角度 认识 和 理解 编排 的 普遍 性 规律 ， 使 学 生 在 编排 设 
计 实 战 中 有 明确 的 方向 与 方法 ; 懂得 版 面 设计 的 规则 与 原理 ， 从 而 提高 对 版 面 构成 的 
综合 能 力 。 
3. 其 他 作业 

运用 本 章 的 知识 培养 对 编排 设计 作品 的 鉴赏 能 力 ， 搜 集 优 秀 设计 作品 并 在 课堂 中 分 
析 交 流 。 
4. 理论 思考 

(1) 分 析 并 总 结 什么 样 的 比例 关系 最 能 与 人 的 视线 产生 和 谐 共 鸣 。 

(2) 思考 美的 形式 是 通过 哪些 规范 原则 体现 出 来 的 。 
5， 相关 知识 链接 

1) 重心 

重心 在 物理 学 上 是 指 物体 内 部 各 部 分 所 受 重力 的 合力 的 作用 点 ， 对 一 般 物体 求 重心 
的 常用 方法 是 : 用 线 悬 挂 物体 ， 平 衡 时 ， 重 心 一 定 在 悬挂 线 或 悬挂 线 的 延长 线 上 ， 然 后 
握 悬 挂 线 的 另 一 点 ， 平 衡 后 ， 重 心 也 必定 在 新 悬挂 线 或 新 悬挂 线 的 延长 线 上 ， 前 后 两 线 
的 交点 即 物体 的 重心 位 置 。 

参见 : 伊 延 波 . 广告 创意 与 设计 [M] . 北京 : 清华 大 学 出 版 社 ，2010. 

2) 秩序 感 

有 一 种 秩序 感 的 存在 ， 它 表现 在 所 有 设计 风格 中 ， 而 且 ， 我 们 相信 和 它 的 根 在 人 类 的 
生物 遗传 之 中 。 我 相信 ， 有 机 体 在 为 生存 而 进行 的 斗争 中 发 展 了 一 种 秩序 感 ， 这 不 仅 是 
为 它们 的 环境 在 总 体 上 是 有 序 的 ， 而 且 因 为 知觉 活动 需要 一 个 框架 ， 以 作为 从 规则 中 
划分 偏差 的 参照 。 

参见 : E. H. 贡 布 里 希 . 秩序 感 : 装饰 艺术 的 心理 学 研究 [M]. 杭州: 浙江 摄影 出 
版 社 ，1987. 
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4 瘟 ”编排 设计 的 类 型 


课 前 训练 (图 文 元 素 混 排 命 题 训练 ) 

训练 内 容 : 分 别 对 以 下 两 个 命题 进行 快速 图 文 编排 设计 。 

命题 一 : 给 定 一 幅 图 与 一 组 文字 ; 将 两 者 合理 地 编排 在 同一 版 面 中 ， 要 求 图 文 
编排 具备 一 定 的 形式 美感 与 艺术 性 : 

命题 二 : 给 定 8 幅 图 和 4 组 文字 ”将 此 内 容 编 排 在 同一 版 面 中 ， 要 求 图 文 内 容 
不 得 删 碱 ， 版 面 要 素 视 觉 流 畅 ) 空间 布局 合理 有 序 。 
意 事项 : ;命题 一 注重 训练 学 生 对 形式 美 法 则 的 运用 ， 因 此 ， 教 师 所 给 定 
的 文字 信息 量 不 宜 过 大 ， 要 符合 编排 设计 中 能 产生 艺术 美的 图 文 要 求 ， 命 题 二 注重 
训练 学 生 对 多 元 素 编排 的 布局 设计 ， 教 师 所 给 定 的 多 幅 图 片 视觉 效果 要 和 谐 统 一 ， 
文字 内 容 不 宜 过 多 ， 注 意 符合 多 元 素 同一 版 面 编排 的 设计 要 求 。 
训练 要 求 和 目标 

要 求 : 课 前 训练 的 时 间 有 限 ， 上 述 命题 只 要 求学 生 画 出 草图 ， 每 个 命题 设计 两 种 
编排 方案 ， 用 线 面 的 形式 体现 ， 所 给 时 间 不 宜 过 长 ， 学 生 能 真正 认真 投入 思考 并 画 出 
草图 即 可 。 

目标 :本 次 命题 训练 是 一 个 热身 训练 ， 目 的 是 引导 学 生 面 对 不 同 图 文 元 素 时 ， 如 
何 布局 ， 自 己 先进 行 一 个 前 期 的 思考 ， 之 后 带 着 思考 的 问题 学 习 自 由 版 式 设计 与 网 格 
编排 设计 ， 这 样 不 仅 能 引起 学 生 对 本 章 学 习 内 容 的 关注 ， 同 时 ， 也 能 使 学 生 更 直观 地 
掌握 面 对 不 同 图 文 元 素 时 ， 如 何 将 其 合理 编排 在 同一 个 版 面 中 的 不 同 设计 方法 。 
本 章 要 点 

自由 版 式 设计 与 构成 。 

网 格 编排 设计 与 构成 。 
本 章 引言 

对 众多 的 图 文 信息 进行 编排 时 ， 往 往 编排 的 形式 会 有 很 多 种 ， 那 么 如 何 学 习 和 
掌握 如 此 多 的 编排 形式 呢 ? 本 章 针 对 这 个 问题 进行 讲解 ， 将 众多 的 编排 形式 归纳 为 
两 种 ， 一 种 是 自由 版 式 编排 ， 一 种 是 网 格 编排 设计 ， 通 过 对 两 种 不 同 编排 类 型 的 曾 
述 ， 目 的 是 使 学 生 能 够 对 版 面 编排 的 构成 形式 有 一 个 整体 清晰 的 认识 ， 并 能 够 结合 
自己 的 审美 取向 ， 灵 活 运用 版 面 构成 形式 进行 有 目的 、 有 创造 性 的 版 面 编排 设计 。 










































4.1 自由 版 式 设计 与 构成 


节 引 言 


本 节 分 别 对 自由 版 式 与 相对 自由 版 式 进行 阐述 ， 重 点 讲解 自由 版 式 的 特点 ， 相 对 自 
由 版 式 的 类 型 及 其 创作 原则 ， 通 过 对 以 上 内 容 的 讲述 ， 使 学 生 能 够 理解 并 掌握 自由 版 式 
的 特点 、 创 作 方 法 及 审美 原则 ， 并 能 根据 实际 创作 主题 ， 将 所 学 内 容 熟 练 运用 于 实际 的 
编排 设计 中 。 
4.1.1 自由 版 式 的 构成 

这 里 所 说 的 自由 版 式 是 相对 于 网 格 编排 而 言 的 ， 它 区 分 于 网 格 设计 中 栏目 的 条 块 分 
割 的 特点 ， 而 是 依托 视觉 元 素 随 心 所 欲 地 进行 版 式 设计 ， 将 版 面 上 有 限 的 视觉 元 素 进 行 
有 机 的 排列 组 合 ， 视 觉 效 果酒 脱 自 由 ， 把 理性 思维 个 性 化 地 表现 出 来 ， 是 一 种 具有 鲜明 
的 设计 个 性 风格 和 艺术 特色 的 视觉 传送 方式 。 自 由 版 式 打破 了 网 格 设计 僵硬 、 呆 板 的 次 
端 ， 弥 补 了 网 格 设计 在 感官 上 的 不 足 ， 是 极 具 前 卫 意识 的 设计 
1. 自由 版 式 的 特点 
1) 版 心 的 无 边界 性 
版 心 是 页 面 中 主要 内 容 所 在 的 区 域 志 自由 版 式 设计 其 版 心 无 固定 的 边界 ， 常 常 依照 
设计 中 字体 、 图 形 内 容 自由 编排 。 自 由 版 式 设计 所 占 实 物 空 间 与 空白 间隙 同等 重要 ， 页 
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画 中 正 负 形 的 关系 均 为 有 形 空间 ; 正 形 通 过 负 形 的 衬托 而 存在 ， 
显现 。 - 件 平面 作品 的 设计 经 过 无 边界 性 的 排列 多 富 于 变化 ， 






的 联想 ， 同 时 ， 作 品 还 会 有 具有 强烈 的 个 性 和 独特 性 。 当然 ， 自 由 版 式 设计 也 并 不 等 于 油 





无 目的 的 绝对 自由 ,也 受 其 自身 形式 规律 的 制约 汪 如 图 4-1 和 图 4-2 所 示 。 
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图 4-1 有 关 一 个 纽约 公共 游泳 池 的 专题 / 戴 维 。 卡 森 / 图 4-2 目录 页 /1991 年 / 戴 维 ， 卡 
美 /1991 年 /资料 来 源 ， 印 刷 的 终结 森 / 美 /资料 来 源 ， 印 刷 的 终结 
2) 字 图 一 体 性 











自由 版 式 设计 的 特点 ， 字 体 常常 成 为 图 形 的 一 部 分 ， 版 式 中 的 每 一 个 字体 ， 每 一 个 






































符号 都 是 版 面 中 的 排列 元 素 。 在 字 图 一 体 的 编排 设计 中 ， 常 常 运用 版 式 中 常见 的 形式 美 
法 则 ， 如 节奏 、 菌 律 、 垂 直 、 倾 斜 、 虚 实 等 手法 处 理 版 面 。 字 图 一 体 版 面 排列 的 位 置 可 
以 与 图 形 中 物体 运动 方向 相 联系 ， 使 之 成 为 图 形 的 一 个 关联 元 素 ， 也 可 以 将 版 式 的 编排 
和 图 片 相互 琶 加 重合 ， 使 版 面 中 产生 多 个 层次 ， 以 增加 版 面 的 空间 厚度 ， 如 图 4-3 一 图 4-5 
所 示 。 
























T NY 
haw k 
兰 克 “。 布莱克 (Frank Black) 图 4-4 托尼 。 霍 克 (Tony. Hawk)/ 
卡 森 / 美 /1993 年 戴 维 。 卡 森 / 美 /1990 年 / 


原 :， 印刷 的 终结 资料 来 源 : 





印刷 的 终结 





图 4-5 字 图 一 体 版 式 设计 / 李 蒙 











3) 局 部 的 不 可 读 性 

现代 设计 的 最 高 境界 是 功能 美 与 形式 美的 完美 结合 ， 自 由 版 式 设计 也 不 例外 。 但 在 
自由 版 式 设 计 中 ， 除 了 部 分 内 容 可 读 外 ， 还 有 一 些 局 部 具有 不 可 读 性 ， 这 些 局 部 在 版 式 
中 往往 起 到 装饰 作用 。“ 可 读 ” 指 的 是 设计 者 在 安排 版 式 过 程 中 认为 读者 应 该 读 懂 的 部 
分 ， 它 包括 字体 的 级 数 大 小 、 清 晰 度 等 。 而 “不 可 读 ” 部 分 在 于 版 式 编排 的 需要 ， 认 为 
读者 无 需 读 懂 的 部 分 ， 在 处 理 手 法 上 常常 采用 字号 缩小 ， 字 体 虚 化 处 理 、 重 营 ， 甚 至 上 
电脑 字库 中 的 数码 符号 来 反映 当代 高 度 信息 化 社会 的 特点 ， 如 图 4-6 一 图 4-8 所 示 。 












































图 4-6 ”耐克 品牌 系列 广告 一 





图 4-8 太 多 的 乔 伊 (Too Much Joy)/ 
戴 维 。 卡 森 / 美 /1992 年 / 
资料 来 源 : 印刷 的 终结 


图 4-7 ”耐克 品牌 系列 广告 二 


2. 自由 版 式 的 设计 原则 

自由 版 式 看 似 自由 ， 实 际 上 创作 起 来 并 不 是 轻而易举 的 事 。 在 自由 版 式 的 创作 中 ， 
必须 遵循 形式 美 法 则 ， 形 式 美 法 则 贯穿 整个 版 式 设 计 的 始终 ， 均 衡 、 比 例 、 节 秦 、 韵 
律 、 留 白 等 都 是 在 设计 中 经 常用 到 的 形式 美 法 则 ， 对 于 自由 版 式 设计 来 讲 ， 看 似 随意 、 
自由 的 版 面 ， 实 际 内 在 却 蕴 含 着 个 人 对 版 面 美感 的 深刻 理解 和 感受 ， 需 要 设计 者 花费 大 
量 时 间 和 思考 在 版 面 设计 的 布局 上 ， 要 不 断 处 理 版 面 所 出 现 的 细节 ， 同 时 又 要 不 断 创造 
出 更 多 的 细节 。 因 此 ， 在 进行 自由 版 面 编排 时 ， 设 计 者 要 做 好 充分 的 心理 准备 ， 一 幅 优 
秀 的 版 式 编排 作品 ， 不 仅 要 求 设 计 者 具备 扎实 的 编排 基本 功 ， 同 时 也 要 付出 大 量 的 时 间 
和 努力 ， 对 于 艺术 创作 者 来 讲 ， 不 断 实践 和 探索 自由 版 式 设计 也 是 提高 自身 审美 能 力 与 
编排 创作 能 力 的 有 效 途径 ， 如 图 4-9 一 图 4-12 所 示 。 







































































图 4-9 _ Spread/ 鲁迅 美 术 学 | 
指导 教师 伊 延 ) 


图 4-10 时尚 页 / 戴 维 ， 卡 森 / 美 /1991 年 / 
资料 来 源 ， 印 刷 的 终结 








de 
图 4-11 第 13 期 目录 页 / 戴 维 ， 卡 森 / 图 4-12 翻 至 左 页 版 式 / 戴 维 ， 卡 森 / 
美 /1994 年 /资料 来 源 ， 印 刷 的 终结 美 /1994 年 /资料 来 源 ， 印 刷 的 终结 


























4.1.2 相对 自由 版 式 的 构成 





这 里 所 定义 的 相对 自由 版 式 是 指 版 面 的 构成 形式 不 是 完全 的 自由 ， 而 是 可 以 根据 元 








素 的 排列 方式 找 出 最 基本 的 构图 形式 来 ， 具 体形 式 有 以 下 几 种 。 
1， 倾 斜 型 的 版 式 构成 








倾斜 型 的 版 式 构成 指 的 是 将 版 面 中 的 主体 元 素 或 辅助 元 素 做 斜 向 处 理 ， 使 版 面 产 


Ms 





倾斜 的 运动 感 与 秩序 美 。 在 实际 编排 中 ， 倾 斜 的 方式 有 两 种 ， 一 种 是 整体 倾斜 ， 另 一 种 


是 局 部 倾斜 。 整 体 倾斜 是 指 将 版 面 中 所 有 的 视觉 元 素 以 统一 的 倾斜 角度 进行 排列 ， 间 





和 和 
FHe 


带 给 观赏 者 整体 、 秩 序 的 视觉 美感 。 整 体 倾斜 可 以 产生 向 上 或 向 下 的 动 势 ， 向 上 具有 冲 





准 否 于 水 尘 车 ” 基 汪 小 


型 





| 刺 的 速度 感 和 力量 感 ， 向 下 则 有 摇晃 的 不 稳定 感 ， 这 会 给 人 带 来 刺激 的 紧张 情趣 ， 因 此 
多 这 种 倾斜 方式 会 给 人 较 强 的 视觉 冲击 力 。 局 部 倾斜 是 指 将 版 面 中 的 部 分 视觉 元 素 做 倾斜 
设 处 理 ， 这 种 处 理 方式 ， 可 以 增加 版 面 的 对 比 因素 ， 倾 斜 与 非 倾斜 的 对 比 ， 可 以 丰富 版 
原 面 内 容 ， 打 破 单调 乏味 的 视觉 环境 ,缓解 视觉 疲劳 ， 增 强 版 面 的 运动 美感 ， 如 图 4-13 
和 图 4-14 所 示 。 



































图 4-13 国际 广告 /李楠 /指导 教师 ， 伊 延 波 图 4-14 ”团结 一 心 / 张 晶 晶 /指导 教师 : 伊 延 波 

2. 几何 形 的 版 式 构成 

几何 形 的 版 式 梅 成 也 是 版 面 设计 中 经 常 使 用 的 一 种 编排 方法 ， 几 何 形 版 式 是 指 版 面 
几何 形 的 形态 摆 放 。 利 用 几何 形 构图 可 以 营造 版 面 规整 、 集 中 的 视觉 效 
果 。 :的 编排 设计 中 ， 经 常 使 
用 的 几何 形 有 三 角形 、 四 边 形 、 多 
边 形 及 不 规则 几何 形 等 ， 不 同 的 几 
何 形 能 表现 出 不 同 的 视觉 美感 ， 例 
如 三 角形 在 结构 与 样式 上 具有 稳定 
的 视觉 效果 。 因 此 ， 利 用 三 角形 构 
图 可 以 营造 版 面 稳固 、 踏 实 的 视觉 
感受 ， 并 能 有 效 凝 聚 视觉 中 心 ， 形 
成 视觉 。 在 编排 设计 中 ， 合 理 
利用 几何 形 ， 不 仅 能 突出 主题 、 集 
中 主体 元 素 ， 还 可 以 增加 版 面 的 形 
式 美感 ， 增 强 版 面 的 艺术 效果 ， 如 
图 4-15 所 示 。 

























































































4-15 圆 形 的 版 面 构图 / 李 婷 婷 

















3. 曲线 形 的 版 式 构成 

曲线 形 版 式 是 指 版 面 中 的 构成 元 素 根据 主题 要 求 组 合成 具有 一 定 美感 的 曲线 形态 
曲线 形 版 式 具 有 柔美、 飘逸 、 艺 术 美 感 强烈 的 视觉 效果 。 常 见 的 曲线 形 版 面 分 为 规则 形 
曲线 版 面 和 不 规则 形 曲 线 版 面 两 种 ， 规 则 形 的 曲线 版 面包 括 圆 形 、 椭 圆 形 等 ， 在 进 行 编 
排 设 计时 ， 将 版 面 中 的 部 分 元 素 以 规则 的 曲线 形态 进行 排列 ， 能 够 增强 版 面 的 
新 颖 性 ， 并 能 丰富 版 面 内 容 。 不 规则 形 曲线 版 面 是 指 元 素 排 列 的 曲线 轨迹 根据 版 面 的 设 
计 需 求 自由 伸展 ， 这 种 方式 看 上 去 随意 ， 却 能 表现 出 强烈 的 艺术 美感 ， 例 如 利用 文字 进 
行 不 规则 的 曲线 排列 ， 可 以 形成 优美 、 飘 逸 的 曲线 线条 ， 不 同 长 短 的 曲线 线条 交 相 互 
织 、 排 列 能 够 形成 个 性 鲜明 ， 具 有 强烈 艺术 感染 力 的 版 面 效 果 ， 如 图 4-16 和 图 4-17 所 示 。 































图 4-16 中 国文 化 系列 海报 一 、 海 报 二 图 4-17 中 国 哈尔滨 第 24 届 世界 大 学 生 冬 
孙 妍 会 招贴 / 孙 妍 





4.2 网 格 编排 设计 与 构成 








本 节 引 言 
网 格 编排 是 编排 设计 中 的 另外 一 种 重要 类 型 ， 一 些 视觉 元 素 比 较 多 的 版 面 通常 都 要 
运用 网 格 的 方法 进行 编排 。 本 节 重点 讲述 网 格 的 特点 ， 网 格 的 设计 方法 以 及 网 格 的 构成 
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形式 等 ， 通 过 这 些 内 容 的 讲解 ， 使 学 生 能 够 掌握 网 格 的 基本 知识 ， 并 熟练 运用 网 格 编排 


的 设计 方法 进行 网 格 版 式 编排 创作 。 
4.2.1 网 格 设计 





网 格 设计 伴随 着 现代 文明 产生 于 20 世 纪 初 的 西欧 诸 国 ， 也 将 其 称 为 标准 尺寸 系统 、 
程序 版 面 设计 、 比 例 版 面 设计 等 。 由 于 其 具有 高 度 的 比例 感 、 秩 序 感 、 清 晰 感 、 准 确 性 




















和 严密 性 ， 实 用 性 能 很 强 ， 因 而 至 今 仍 作为 版 式 编排 的 一 种 重要 方法 为 平面 设计 朋 
如 图 4-18 所 示 。 
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图 4-18 网 格 杂志 版 面 
1. 认识 网 格 


月 务 ， 


从 字面 上 理解 网 格 是 由 纵横 交错 的 线 组 织 而 成 的 网 状 系 统 ， 网 格 设计 不 是 简单 地 把 
视觉 元 素 并 置 编排 ,而 是 将 页 面 中 的 形式 元 素 和 空间 位 置 通过 框架 联系 起 来 ， 形 成 视觉 
和 结构 的 规则 性 和 连续 性 的 一 种 形式 法 则 。 通 过 预先 在 版 面 中 建立 的 网 状 系统 ， 整 合 与 布 


局 图 片 、 文 字 等 视觉 元 素 在 版 面 上 的 位 置 ， 使 各 要 素 之 间 形 成 清楚 、 连 贯 的 信息 关系 














一 尺寸 的 网 格 单元 ， 一 栏 、 二 栏 、 三 栏 或 者 更 多 的 等 值 空间 ， 再 将 文字 与 图 片 安 提 
































中 ， 使 版 面具 有 一 定 的 节奏 变化 ， 产 生 优美 的 韵律 关系 、 网 格 设计 具有 严谨 的 科学 性 、 


可 格 编排 的 特点 是 运用 数字 的 比例 关系 ， 通 过 严格 的 计算 ， 把 版 心 划 分 为 无 数 统 


lj 于 其 








者 性 的 特点 ， 在 实际 应 用 中 的 范围 很 广 ， 例 如 报纸 、 杂 志 等 的 编排 设计 都 离 不 开 网 格 








严 司 
的 运用 ， 如 图 4-19 所 示 。 














图 4-19 网 格 版 式 的 编排 过 程 








2. 网 格 的 构建 

进行 网 格 编排 设计 之 前 ， 首 先 需 要 做 的 前 期 工作 是 网 格 的 构建 ， 网 格 的 构建 决定 
了 页 面 元 素 的 零散 或 整齐 程度 ， 将 直接 影响 版 面 的 最 终 视觉 效果 ， 因 此 在 进行 网 格 构建 
时 ， 要 充分 考虑 到 以 下 几 方 面 的 内 容 : 首先 ， 所 要 编排 的 文本 有 多 少 字数 ， 这 些 文字 
适合 什么 样 的 阅读 方式 ; @@ 采 用 什么 样 形式 的 标题 来 表现 ， 是 否 有 注释 和 说 明 等 内 容 ; 
@ 版 面 中 图 片 的 数量 有 多 少 ， 设 定 多 大 的 尺寸 比较 适合 ， 对 版 面 的 艺术 性 是 否 有 过 多 的 
要 求 等 。 网 络 的 构建 方法 如 图 4-20 所 示 。 


= 骨 =- 
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图 4-20 ”网 格 的 构建 方法 


在 进行 网 格 构建 时 ， 要 确定 版 面 中 单元 格 的 大 小 ， 单 元 格 的 大 小 通常 由 版 面 内 容 来 
决定 : 对 于 以 文本 为 主 的 版 式 ， 使 用 两 栏 或 三 栏 简 单 的 网 格 ; 对 于 以 插图 、 图 片 为 主 的 
版 式 ， 通 常 使 用 三 栏 以 上 复杂 的 网 格 ， 但 在 网 格 编排 时 ， 所 创建 的 单元 格 越 小 ， 元 素 放 
置 的 变化 形式 就 会 越 丰富 、 越 灵活 。 






(e) 


寺 准 否 于 水 尘 蒜 ”世博 小 








4.2.2 编排 网 格 


不 成 熟 的 网 格 编排 ， 会 导致 版 面 的 呆板 或 杂乱 无 章 ， 精 心 设计 的 网 格 系统 则 可 以 借 
助 它 在 信息 传达 上 富有 条 理 、 层 次 感 的 优势 ， 发 挥 更 大 的 创造 力 。 版 面 在 完成 了 单元 格 
设 定 的 基础 上 ， 需 要 根据 版 面 的 内 容 及 形式 美 要 求 
进行 网 格 编排 ， 网 格 编排 的 形式 多 种 多 样 ， 不 同 的 
编排 形式 能 够 传达 不 同 的 视觉 效果 ， 在 编排 时 需要 
根据 版 面 主题 与 元 素 的 构成 来 选择 相应 的 网 格 编排 
形式 。 

1. 网 格 的 编排 形式 
网 格 的 编排 形式 根据 网 格 布局 形态 的 不 同 ， 可 
以 分 为 以 下 几 种 形式 。 

1) 正方 形 网 格 

正方 形 网 格 是 指 网 格 的 设 定形 态 为 正方 形 ， 正 
方形 网 格 具有 规整 、 秩 序 的 视觉 效果 ， 是 长 方形 网 
格 的 基本 形式 ， 如 图 4-21 和 图 4-22 所 示 。 














图 4-21 正方 形 网 格 的 构建 








图 4-22 ”正方形 网 格 版 式 编排 作品 / 杨 鸿 泽 


2) 长 方形 网 格 

长 方形 网 格 是 指 网 格 的 设 定形 态 为 长 方形 ， 它 是 
正方 形 网 格 的 形态 延伸 ， 有 具有 适应 版 面 、 开 本 灵活 的 优 
点 。 长 方形 网 格 是 编排 中 经 常 使 用 的 一 种 网 格 形态 ， 在 
视觉 效果 上 同样 具有 整洁 、 规 矩 的 版 面 效 果 ， 如 图 4-23 
和 图 4-24 所 示 。 

















4 -23 ”长 方形 网 格 的 构建 











3) 重点 网 








格 


点 网 格 是 指 划 定 版 心 的 重点 区 域 ， 在 重点 区 域 设 定 网 格 ， 其 他 
应 设计 。 重 点 网 格 能 够 创造 出 统一 且 新 颖 的 视觉 效果 ， 可 使 版 面 设计 更 富 于 变 





(b) 


图 4-24 长 方形 网 格 杂志 版 式 





化 ， 重 点 区 域 视觉 主体 更 突出 ， 版 面 空间 层次 更 分 明 ;， 如 图 4-25 和 图 4-26 所 示 。 

















4-25 重点 网 格 的 构建 


4) 突破 网 格 
突破 网 格 是 指 版 面 中 的 某 一 视觉 元 素 根据 主题 需要 ， 有 意 将 其 放大 ， 直 到 冲破 基本 
网 格 的 界限 为 止 ， 利 用 这 种 方式 进行 版 式 编排 ， 往 往 能 产生 意 想不到 的 视觉 效果 ， 


的 元 素 打破 了 原本 单调 的 网 格 布局 ， 使 视觉 从 约束 的 版 面 9 


觉 冲 才 





的 某 些 部 分 进行 有 目的 的 调整 ， 这 样 在 打破 网 格 的 同时 也 能 保证 版 面 的 平稳 ， 如 


所 示 。 





时 





到 4-26 重点 网 格 杂志 版 式 























f 力 的 版 








而 叶 











bh 心 ， 具 有 强烈 的 平面 设计 感 。 突 破 网 格 不 等 于 握 弃 网 格 ， 而 是 天 














区 域 根据 版 面 需 


突破 


bh 解 放出 来 ， 形 成 具有 强烈 视 


网 格 
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图 4-27 ”突破 网 格 杂 志 版 式 


2. 网 格 编排 的 版 面 调整 

当 元 素 已 全 部 被 安排 到 版 面 上 以 后 ， 还 需要 一 段 时 间 对 网 格 版 面 的 局 部 进行 微调 ， 
然而 在 这 个 阶段 ， 设 计 者 往往 比较 迷茫 ， 不 知 从 何 入 手 ; 实际 上 ， 对 网 格 版 面 的 调整 也 
有 它 的 内 在 原则 ， 可 以 从 以 下 三 个 方面 考虑 。 

1) 注意 版 面 四 边 

每 一 个 版 面 都 是 一 个 矩形 ， 都 有 它 的 4 条 边 ,而 在 设计 时 ， 人 们 往往 忽略 了 这 4 条 边 
的 重要 性 。4 条 边 构成 了 版 面 的 空间 ， 版 面 的 大 小 应 该 由 4 条 边 决定 ， 但 在 设计 时 ， 人 们 
观察 元 素 时 ， 往 往 只 看 到 版 面 中 元 素 上 、 下 、 左 、 右 所 组 成 的 4 条 边 的 虚 形 ， 而 没有 真正 
考虑 到 版 面 4 条 边 的 位 置 ， 这 样 就 很 容易 形成 版 面 中 的 元 素 过 于 挤 压 ， 或 者 过 于 狭长 的 不 
合理 布局 ， 为 了 避免 这 种 情况 ,在 进行 版 面 编 排 时 ;一 定 要 充分 考虑 上 、 下 、 左 、 右 元 
素 边缘 的 位 置 ， 尽 量 靠 近 版 面 的 4 条 边 ， 这 样 的 版 面 看 上 去 才 会 更 饱满 、 更 和 谐 。 弱 或 强 
的 四 边关 系 如 图 4-28 和 图 4-29 所 示 。 



































图 4-28 ” 弱 的 四 边关 系 图 4-29 强 的 四 边关 系 


2) 正确 把 握 版 面 轴 心 
版 面 空 间 是 否 平衡 是 设计 师 在 编排 设计 时 必须 把 握 好 的 一 个 重要 环节 ， 那 么 ， 如 




















何 观 察 版 面 空间 元 素 的 布局 是 否 平衡 ? 可 以 通过 版 面 轴 心 的 位 置 来 确定 。 在 进行 网 格 编 
排 时 ， 版 面 中 不 同 元 素 的 排列 会 形成 版 面 的 轴 心 ， 轴 心 并 不 是 显而易见 的 ， 需 要 设计 师 
理解 并 仔细 观察 。 版 面 轴 心 组 成 版 面 的 视觉 主体 ， 占 据 版 面 空间 的 重要 位 置 ， 因 此 在 调 


整 版 面 空 间 时 ， 可 以 根据 版 面 轴 心 的 位 置 确定 版 面 中 其 他 元 素 的 位 置 布局 ， 通 过 不 断 比 
较 、 衡 量 、 调 整 来 达到 版 面 空间 均衡 、 和 谐 的 视觉 效果 ， 如 图 4-30 和 图 4-31 所 示 。 














图 4-30 ” 轴 向 左 偏 移 ， 导 致 图 4-31 轴 居 中 ， 版 面 重心 稳定 
版 面 重 心 不 稳 
3) 版 面 空白 间隙 的 整合 
版 面 空间 是 由 有 形 元 素 和 空白 间隙 组 成 的 ， 在 一 幅 版 面 中 ， 如 何 调整 有 形 元 素 使 其 














看 上 去 更 突出 、 更 整体 ,这 可 以 从 空白 间 际 入手。 先 忽 略 版 面 中 的 有 形 元 素 ， 只 观察 空 




















方法 ， 如 图 4-32 和 图 4-33 所 示 。 








图 4-32 琐碎 的 间隙 空间 


间隙 ， 如 果 版 面 中 的 空白 间隙 太 多 [布局 凌乱 ， 就 会 使 版 面 显得 杂乱 无 章 。 因 此 ， 合 
理 地 整合 版 面 中 的 空白 间隙 ， 使 其 布局 规整 ， 是 调整 版 面 有 形 视觉 元 素 主体 地 位 的 有 效 


图 4-33 ”规整 的 间隙 空间 








<®> 





幸 羔 至 斗 潜 送 蓝 ” 其 小 洲 
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单元 训练 与 作业 











图 4-34 ”长 方形 网 烙 杂志 版 式 





图 4-35 文字 至 上 / 戴 维 。 卡 森 / 美 /1993 年 /资料 来 源 : 印刷 的 终结 


< > 








EF 瀛 关注” 志 必 小 


笑 妾 到 了 





图 入 36 自由 版 式 设计 1/ 戴 维 ” 卡 森 / 美 /资料 来 源 : 印刷 的 终结 











A 易 和 
图 4-37 凯特 ， 布 什 (Kate Bush) / 戴 维 。 卡 森 / 美 /1993 年 / 


资料 来 源 : 印刷 的 终结 
67 
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2. 课题 内 容 一 一 自由 版 式 设计 、 网 格 编排 方法 的 练习 

课题 时 间 : 8 课时 。 

教学 方式 : 提醒 学 生 有 意识 地 注意 身边 的 每 本 杂志 、 书 籍 、 海 报 、 包 装 等 一 切 包含 
版 式 设计 的 信息 媒介 ， 观 察 分 析 不 同 的 内 容 所 采用 的 编排 特点 ， 使 学 生 对 编排 类 型 的 应 
有 所 掌握 ， 并 结合 经 验 进行 封面 与 内 页 的 实践 练习 。 

要 点 提示 : 封面 设计 需要 将 信息 内 容 和 代表 自身 形式 美的 视觉 语言 ， 以 一 种 强劲 的 
视觉 张力 扩展 发 散 ， 以 达到 震撼 人 心 的 效果 ， 给 读者 留 下 视觉 感召 力 。 而 内 页 编排 的 难 
度 在 于 多 种 信息 的 不 平 级 性 ， 这 则 需要 学 生 多 画 网 格 草 图 进行 推 谢 ， 使 视觉 引导 清晰 而 
不 散乱 。 

教学 要 求 : 

(1) 以 设计 杂志 的 封面 和 内 页 为 主题 ， 分 别 用 自由 编排 和 网 格 编排 来 设计 。 

(2) 主题 突出 ， 层 次 分 明 ， 把 握 好 整体 与 部 分 之 间 的 关系 。 

(3) A4 纸 ， 提 交 打 印 稿 和 电子 稿 。 

训练 目的 : 通过 带 有 具体 课题 要 求 的 创作 练习 ， 进 一 步 明确 编排 设计 应 用 性 的 不 同 
表现 ， 加 强 在 设计 环节 突出 针对 性 和 有 效 性 能 力 的 培养 。 
3. 其 他 作业 

查阅 一 些 自由 构成 、 网 格 构 成 的 平面 设计 作品 进行 欣赏 ， 试 分 析 其 编排 设计 手法 及 
其 特点 。 
4. 理论 思考 

(1) 归纳 剖析 自由 版 式 的 特点 和 构成 形式 。 

(2) 对 自然 生活 中 的 物象 进行 观察 分 析 ， 实 证 网 烙 设 计 的 内 在 实质 是 人 类 对 于 秩序 的 
追求 。 
5. 相关 知识 链接 

创意 思维 特征 : 创意 特征 要 以 主题 为 核心 ， 以 创意 定位 为 重要 构成 部 分 ， 以 目标 
对 象 为 基准 ， 以 新 颖 独特 的 方式 表达 为 终端 ， 以 妙趣 生动 的 手段 来 体现 色彩 创意 ， 以 形 
象 化 的 形式 来 完成 色彩 构成 的 创意 表达 ， 进 而 以 原创 性 、 相 关 性 、 震 撼 性 的 视觉 信息 元 
素 ， 引 发 人 们 的 阅读 和 思考 。 

参见 ， 伊 延 波 .色彩 构成 [MW]. 北京 : 清华 大 学 出 版 社 ，2013. 
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5 但 编排 设计 的 视觉 流程 


课 前 训练 (视觉 流程 课 前 训练 ) 

训练 内 容 : 分 别 向 学 生 展 示 几 组 不 同类 型 的 图 文 混 排 设计 作品 ， 要 求学 生 用 序 
号 的 形式 标 出 每 幅 作品 中 自己 所 看 到 的 视觉 元 素 的 先后 顺序 ， 要 求 标示 清楚 、 层 次 
可 答 自 己 所 标示 的 结果 ， 大 家 共同 参与 讨论 ， 教 师 最 后 总 结 。 
事项 : 教师 所 展示 的 作品 一 定 要 形式 多 样 ， 可 以 展示 几 组 自由 版 式 作 
品 ， 再 展示 几 组 网 格 编排 作品 ， 作 品 的 层次 感 要 强 ， 结 构 分 明 ， 以 便于 学 生 能 够 更 
多 地 感受 不 同 编排 形式 作品 中 视觉 元 素 的 先后 顺序 。 
训练 要 求 和 目标 
要 求 : 课题 训练 之 前 要 求教 师 对 视觉 流程 的 概念 简单 讲述 ， 让 学 生 对 视觉 流程 有 
清晰 的 认识 ， 课 上 要 求学 生 认 真 观察 ， 把 自己 的 直观 感受 记录 下 来 ， 教 师 注意 引 
导 学 生 兴趣 ， 积 极 互 动 ， 共 同 探讨 。 

目标 : 人 的 视线 的 运动 是 人 经 常 忽 视 的 一 种 生理 功能 ， 眼 睛 在 观察 某 一 形体 时 视 
线 的 运动 并 不 是 随意 的 ， 而 是 具有 先后 顺序 的 。 本 次 课 前 训练 的 目的 是 通过 引导 学 生 
关注 平面 中 视觉 元 素 的 先后 顺序 ， 来 感受 视线 的 运动 轨迹 ， 通 过 这 种 训练 方法 ， 可 以 
让 学 生 认 识 到 什么 样 的 形体 更 引 人 注 目 ， 什 么 样 的 形体 容易 被 忽视 ， 从 而 使 学 生意 识 
到 视线 运动 轨迹 在 编排 中 的 重要 性 ， 增 加 学 生 对 视觉 流程 的 学 习 兴趣 。 
本 章 要 点 

视觉 流程 概述 。 

视觉 流程 的 编排 。 
本 章 引言 

视觉 流程 是 版 面 编排 设计 中 的 重要 内 容 ， 合 理 地 编排 版 面 中 的 视觉 流程 ， 有 利 
于 观赏 者 更 方便 地 阅读 版 面 中 的 视觉 内 容 。 本 章 针对 视觉 流程 理论 进行 讲解 ， 通 过 
如 何 建 立 视觉 流程 ， 如 何 编排 视觉 元 素 的 阅读 顺序 进行 阐述 ， 目 的 是 使 学 生 能 够 正 
确认 识 和 理解 视觉 流程 的 相关 知识 ， 并 能 根据 编排 设计 主题 ， 进 行 合 理 的 版 面 视 觉 
流程 的 编排 与 创作 。 
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5.1 视觉 流程 概述 


本 节 引 言 

本 节 主 要 针对 视觉 流程 基本 理论 进行 讲解 ， 重 点 介绍 视觉 流程 的 形成 规律 与 视觉 流 
程 的 表现 形式 ， 通 过 理论 讲述 与 图 例 演示 相 结合 的 方法 ， 目 的 是 使 学 生 能 够 正确 认识 和 
理解 视觉 流程 的 相关 知识 ， 并 能 根据 其 形成 规律 与 表现 形式 合理 布局 与 安排 版 面 中 视觉 
元 素 的 先后 顺序 。 


5.1.1 视觉 流程 的 概念 


最 佳 的 视觉 效果 可 以 利用 变化 与 统一 、 节 奏 与 韵律 、 对 比 与 调和 等 形式 美 法 来 实 
现 ， 但 版 式 设计 的 主要 诉求 在 于 使 读者 方便 快捷 地 接受 和 认 知 信息 ， 因 此 从 视觉 策划 的 
战略 性 而 言 ， 线 路 明朗 、 秩 序 井然 、 重 点 突出 的 视觉 流程 应 是 优秀 的 版 式 首先 有 具备 的 必 
要 条 件 ， 它 贯穿 着 整个 设计 的 主线 ， 一 幅 优 秀 的 编排 设计 作品 其 视觉 流程 的 安排 必然 
是 合情合理 并 且 能 有 效 地 传达 视觉 元 素 所 要 表达 的 主题 信息 。 
1. 什么 是 视觉 流程 
由 于 人 眼 晶 体 结构 的 生理 构造 决定 了 眼球 停留 在 某 一 点 时 只 能 产生 一 个 焦点 ， 而 不 
能 把 视线 停留 在 两 处 或 两 处 以 上 的 地 方 寺 所 以 人 的 眼睛 在 观察 形体 时 ， 视 线 是 不 断 运 动 
着 的 ， 这 是 人 眼 所 特有 的 一 种 生理 功能 ` 这 种 功能 总 是 在 不 知 不 觉 中 发 生 着 ， 只 是 很 少 
被 。 对 于 阅读 版 面 信息 也 于 样 视觉 突出 的 元 素 总 是 会 被 人 第 一 眼 识别 ， 之 后 依 此 
渐 观 察 到 视觉 效果 较 弱 的 元 素 ， 眼 睛 观察 版 面 视觉 元 素 的 这 种 流动 的 顺序 形成 
了 一 条 运动 的 视觉 轨迹 这 条 视觉 轨迹 便 是 视觉 流程 ;: 由 于 视觉 对 某 一 事物 的 整体 感知 
过 程 通常 都 极为 短暂 ;会 很 快 从 一 个 物象 移动 到 另 一 个 物象 上 ， 因 此 只 有 视觉 刺激 感 较 
强 的 形象 才 有 可 能 让 流动 的 视线 作 较 长 时 间 的 停留 。 

在 版 式 编排 设计 中 ， 为 了 使 版 面 中 的 信息 能 够 快速 、 有 效 的 传达 ， 设 计 者 需要 设计 
一 套 观 看 的 视觉 流程 ， 将 各 种 信息 内 容 按 次 序 合理 地 安排 在 视觉 流程 中 ， 来 诱导 观赏 者 
的 视线 按照 设计 师 的 意图 运动 ， 以 便 获 得 最 佳 信息 ， 这 是 编排 设计 中 需要 认真 思考 的 一 
个 过 程 ， 也 是 评价 一 幅 编 排 作品 设计 优 劣 的 重要 评价 标准 。 
2. 视觉 流程 的 形成 规律 

1) 把 握 视 觉 习 惯 

人 眼 的 运动 特性 使 人 眼 在 长 期 的 观察 中 形成 了 一 些 固定 的 视觉 习惯 。 一 般 情况 下 ， 
人 眼 在 版 面 中 的 观察 顺序 是 从 左 到 右 、 从 上 到 下 、 从 前 到 后 、 从 大 到 小 、 从 左上 角 到 右 
下 角 的 运动 顺序 ， 而 版 面 中 不 同 区 域 所 带 给 观赏 者 的 吸引 力也 有 所 不 同 ， 在 一 幅 版 面 
中 ， 版 面 的 上 半 部 分 往往 使 人 感觉 轻松 、 愉 快 ， 下 半 部 分 使 人 沉重 、 压 抑 ， 版 面 的 左 半 
部 分 更 能 吸引 观赏 者 的 注意 力 ， 而 往往 右 半 部 分 视觉 效果 稍 弱 。 抓 住 版 面 的 这 种 视觉 
性 ， 结 合 人 眼 自 身 的 阅读 习惯 ， 能 更 好 地 帮助 设计 者 控制 与 把 握 版 面 中 的 视觉 流程 。 

2) 注意 形式 与 内 容 的 统一 

版 面 中 视觉 流程 的 设计 形式 往往 与 所 要 表达 的 版 














































































E 题 与 版 面 的 内 容 密切 相关 。 例 


= 
HH 





如 ， 比 较 严肃 的 报纸 、 期 刊 、 网 页 、 公 文 等 文字 内 容 的 版 式 设计 视觉 流程 一 般 较 清 晰 、 








招贴 、 海 报 、 平 面 / 








告 、 画 册 等 内 容 的 视觉 




















线 或 具有 运动 感 的 视觉 流程 安排 版 





明了 ， 便 于 阅读 。 而 相对 内 容 灵 活 的 杂志 、 
流程 较 灵活 ， 可 以 根据 主题 内 容 运用 设计 感 较 强 的 
面 中 的 视觉 元 素 。 


3) 对 比 关 系 营造 视觉 流程 
对 比 指 的 是 元 素 与 元 素 之 间 的 差异 ， 通 过 差异 怕 
要 元 素 ， 对 比 可 以 营造 版 面 中 的 视觉 流程 ， 具 体 表现 


(1) 大 小 对 比 可 以 明确 对 象 的 主 次 关系 (图 5-1) 。 
(2) 面积 对 比 可 以 增强 对 象 的 层次 





(3) 朴 密 、 虚 实 对 比 可 以 强调 对 象 的 前 后 关系 ( 氏 
(4) 图 与 背景 的 对 比 关系 可 以 传达 版 面 的 主题 
(5) 空白 的 运用 能 够 强化 主体 形象 。 











(6) 色彩 对 比 能 够 强调 形体 之 间 的 差异 性 ， 纯 度 高 、 
(7) 元 素 形态 上 、 方 向 上 的 对 比 能 够 形成 简明 的 
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图 5-1 
Stephane/ 加 拿 大 


Massin/Huot 


/面积 大 小 对 比 
5.1.2 视觉 流程 的 表现 形式 


在 版 面 设计 中 ， 合 理 地 安排 视觉 流程 ， 是 准确 、 
以 根据 版 面 主题 和 内 容 的 需求 进行 相应 的 设计 。 














的 强调 可 以 突出 主体 元 素 ， 削 弱 次 
在 以 下 几 个 方面 。 









吾 忌 ,。 






明度 高 的 色彩 更 容易 引起 人 的 注意 。 
视觉 流程 。 





图 5-2 ”汶川 地 震 (下 


系 
对 比 ) 张 幽 /指导 教师 : 伊 延 波 


快速 传达 信息 的 需要 ， 视 觉 流程 可 
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名 视觉 流程 








单 向 视觉 流程 指 的 是 版 H 





面 中 的 视觉 元 素 以 单一 的 方向 分 布 ， 形 成 视觉 上 的 单 向 序 


列 ， 如 垂直 序列 、 水 平 序列 、 斜 向 序列 等 ， 水 平 序列 与 垂直 序列 的 视觉 流程 最 为 常见 ， 





给 人 稳定 、 直 率 、 人 恬静 之 意味 ， 一 般 用 于 比较 客观 、 





理性 、 严 肃 的 版 面 内 容 中 。 和 斜 向 序 


列 的 视觉 流程 用 于 设计 感 较 强 、 较 灵活 的 页 面 中 ， 斜 向 的 排列 会 使 页 面 产 生 运动 趋势 及 
速度 感 ， 不 稳定 的 动态 可 以 吸引 读者 的 注意 ， 适 合 相关 主题 的 版 面 设计 。 单 向 视觉 流程 
所 形成 的 版 面 简洁 、 大 方 ， 视 觉 导 向 清晰 、 直 接 ， 直 奔 诉求 主题 ， 具 有 快速 传递 信息 的 
特点 和 优势 ， 如 图 5-3 一 图 5-5 所 示 。 








”图 5-3， 单 向 视觉 流 往 、 























2. 曲线 视觉 流程 
































5-4 ”泳装 的 演变 / 戴 维 。 卡 森 / 美 
1990 年 /资料 来 源 : 印刷 的 终结 





“v” 结 合 在 一 起 形成 的 


序列 ， 如 圆 形 序列 、 弧 形 序列 、“S” 形 序列 、“C” 形 序列 、“ 











流程 所 形成 的 版 面 优美 、 和 4 





E 动 、 富 有 节奏 和 韵律 感 ， 能 够 形成 


图 5-5 关于 摇滚 明星 的 电视 节目 / 戴 维 * 卡 森 / 美 / 
左边 是 对 电视 形状 的 模仿 ， 右 边 则 是 由 字母 “t”、 


图 形 /资料 来 源 ;， 印刷 的 终结 








1 线 视觉 流程 指 的 是 版 面 中 的 视觉 元 素 以 曲线 引导 的 方向 分 布 ， 形 成 视觉 上 的 曲线 














Z” 形 序列 等 。 曲 线 视 觉 





E 富 的 版 面 视觉 效果 ， 从 





<®> 





而 调动 阅读 者 的 情绪 ， 适 宣 设 计 感 较 强 ， 要 求 版 面 视觉 活跃 ， 富 有 吸引 力 和 创造 力 的 版 
面 设 计 ， 如 图 5-6 和 图 5-7 所 示 。 





Ei 





四 9 
图 5-7 ”奥运 形象 景观 与 中 国文 化 元 素 讲座 海报 / 张 幽 /指导 教师 : 伊 延 波 


3， 导 向 线 视觉 流程 
导向 线 视 觉 流程 指 的 是 通过 点 、 线 、 箭 头 、 手 势 、 方 向 、 文 字 等 诱导 元 素 将 版 面 











中 所 有 的 视觉 元 素 按 一 定 的 顺序 串联 起 来 ， 由 主 及 次 形成 一 个 重点 突出 、 条 理 清 晰 的 视 
觉 整 体 ， 使 读者 的 视线 在 诱导 元 素 的 作用 下 按照 一 定 的 顺序 指引 流动 ， 形 成 视觉 流程 。 
导向 线 视觉 流程 的 版 面 流畅 、 活 跃 ， 方 向 感 和 序列 感 较 强 ， 诱 导 性 文字 和 方向 性 的 线条 
及 指示 图 形 最 为 直观 ， 而 点 和 色彩 的 导向 性 则 较为 含蓄 ， 应 用 时 还 应 结合 人 们 的 视觉 习 
惯 、 视 觉 经 验 进行 编排 ， 如 图 5-8 和 图 5-9 所 示 。 























图 5-8 ” 低 碳 生活 / 陈 国 波 / 图 5-9 和 雀 菜 咖啡 / 孙 妍 
指导 教师 : 伊 延 波 

4. 反复 视觉 流程 

反复 视觉 流程 指 的 是 多 个 相同 、 近 似 、 渐 变 的 视觉 元 素 在 版 面 中 反复 而 有 规律 的 排 
列 ， 形 成 一 定 的 秩序 :节奏 与 韵律 或 看 加 效果 ， 兴 而 引导 观赏 者 的 注意 力 的 强烈 视觉 效 
应 。 这 种 视觉 流程 的 排列 适合 多 个 并 列 重 点 信息 的 传达 ， 通 文 混 排 的 版 面 更 适合 运 
用 此 方法 ， 上 面 是 图 ， 下 面 是 图 的 解释 说 明 ， 两 者 形成 统一 整体 ， 不 可 分 割 ， 多 个 以 此 
方式 构成 的 相似 群 组 元 素 并 列 排 列 即 可 形成 反复 的 视觉 流程 ， 如 图 5-10 和 图 5-11 所 示 。 























5-10 ”反复 视觉 流程 

















5. 散 点 视觉 流程 

散 点 视觉 流程 指 图 与 图 、 图 与 文 之 间 呈 现 自由 分 散 状态 的 编排 ， 没 有 十 分 明确 的 方 
向 性 ， 强 调 的 是 一 种 感性 的 构成 方式 ， 是 一 种 个 性 化 的 非常 规 状态 。 这 种 视觉 流程 版 面 
轻松 、 灵 动 、 随 机 、 











汪汪 兴 到 十 汪 当 车 ” 考 口 避 
























具有 动感 ， 阅 读 的 
过 程 中 会 给 人 带 来 轻 
松 、 随 意 、 富 有 节奏 
感 的 视觉 体验 。 但 由 流 
于 它 的 不 规则 性 ， 此 可 
种 版 面 的 编排 也 较 难 
驾驭 ， 这 就 要 求 设计 人 
师 具 有 扎实 的 基本 功 由 KE AY 
和 深厚 的 艺术 素养 ， Vp \r ENoV® 
以 依赖 自己 敏锐 的 观 35 10 
察 力 和 细腻 的 形式 感 
来 进行 设计 ， 和 否则 将 
导致 版 面 含混 不 清 ， 
杂乱 无 章 ， 如 图 5-12 9 9 
所 示 。 图 5-12 联想 Ideapads 系 列 广告 / 孙 妍 
6， 焦 点 视觉 流程 

视觉 焦点 是 版 面 中 最 具 吸 引力 的 位 置 ， 在 视觉 心理 作用 下 ， 焦 点 视觉 流程 的 运用 
使 主题 更 为 鲜明 、 强 烈 并 起 到 稳定 画面 的 作用 : 它 是 通过 引导 受众 沿 着 视觉 焦点 的 倾 
向 与 力度 ， 按 照 让 从 关系 来 发 展 视线 的 进程 来 完成 的 ， 具 体 分 为 向 心 型 和 离心 型 两 种 形 
式 。 向 心 型 是 指 版 面 元 素 以 视觉 焦点 为 旨 心 向 其 聚拢 的 视觉 流程 ， 表 现 出 很 强 的 空间 关 
系 ， 结 合 视觉 元 素 的 设计 有 时 还 能 表现 出 很 强 的 节奏 感 。 离 心 型 指 画 面 中 的 设计 元 素 以 
视觉 焦点 为 中 心 向 外 扩展 ， 做 放射 状 结构 的 编排 ， 这 种 视觉 流程 使 版 面 充满 张力 ， 富 有 
激情 艺 息 的 编排 方式 ， 如 图 5-13 一 图 5-15 所 示 。 

BD ) 








ee @ [3 
图 5-13 智慧 之 树 / 孙 妍 习 5-14 保护 绿色 /和 孙 妍 图 5-15 Stella 啤 酒 广告 / 濒 岛 裕 太 /日 本 
可 情诗 




















融 炎 汗 葡 宣 将 灯 典 酒 证 由 汶 党 





本 节 引 言 
在 进行 版 面 视觉 流程 编排 时 ， 所 要 布置 的 元 素 除 了 文字 信息 便 是 图 片 信 息 ， 本 节 


将 重点 讲述 这 两 方面 内 容 ， 文 字 的 阅读 顺序 与 视觉 流程 的 编排 和 图 文 混 排 视觉 流程 的 编 
排 ， 通 过 以 上 两 方面 内 容 的 讲解 ， 目 的 是 使 学 生 能 够 了 解 不 同 信息 内 容 视觉 流程 的 编 
排 方法 ， 并 能 根据 创作 主题 ， 在 实际 的 编排 设计 中 灵活 运用 此 方法 进行 视觉 流程 的 编 
排 创作 。 


5.2.1 文字 的 阅读 顺序 与 视觉 流程 


在 版 面 元 素 的 构成 中 ， 文 字 是 不 可 或 缺 的 重要 元 素 ， 文字 排 不 仅 要 追求 其 自身 
在 形式 上 的 美感 ， 更 要 寻求 其 在 表达 效果 上 的 高 识别 性 ， Ae 显示 出 视线 的 推进 
顺序 尤为 重要 。 文 字 的 视觉 流程 有 其 自身 的 规律 可 循 ， Vapi ae 阅读 
文字 的 时 候 ， 是 按照 一 定 的 顺序 来 完成 的 ， 如 横 排 的 交 ee 从 上 
到 下 的 顺序 阅读 ， 坚 排 的 文字 ， 阅读 顺序 是 从 上 到 证， 从 到 硅 的 顺序 阅读 。 文字 的 视 
觉 流 程 如 图 5-16 所 示 。 CR 


ph 


























(b) 


图 5-16 文字 的 视觉 流程 


在 进行 页 面 视觉 流程 的 编排 时 ， 文 字 的 阅读 顺序 是 我 们 必须 关注 并 且 必 须 充 分 考虑 
的 问题 ， 如 果 文 字 只 有 单一 层级 ， 那 么 编排 的 时 候 根 据 人 们 的 阅读 习惯 按照 文字 的 阅读 
顺序 编排 即 可 ， 但 是 如 果 页 面 中 的 文字 出 现 不 同 层级 的 时 候 ， 标 题 性 文字 、 正 文 文字 、 














注释 文字 等 如 何 编排 ， 如 何 使 不 同 的 文字 视觉 层级 更 分 明 ， 条 理 更 清晰 ， 如 何 更 适合 读 
者 阅读 ， 就 是 需要 我 们 认真 思考 的 问题 了 ， 安 排 好 文字 编排 在 视觉 接触 上 的 先后 顺序 ， 
首先 要 了 解 文本 内 容 ， 准 确 把 握 文本 传达 的 信息 ， 并 深入 分 析 内 容 与 版 式 形式 之 间 的 联 
系 。 对 于 页 面 中 的 不 同 层 级 文字 ， 可 以 通过 字号 的 不 同 、 字 体 的 不 同 或 者 编排 位 置 的 不 
同 以 及 色彩 的 不 同等 处 理 方法 ， 使 不 同 层级 的 文字 得 以 区 分 ， 从 而 营造 更 适合 读者 浏览 
与 阅读 的 文字 视觉 流程 ， 提 升 版 面 的 可 读 性 。 


5. 2.2 图 文 混 排 的 视觉 流程 


对 于 大 多 数 版 式 而 言 ， 图 文 混 排 是 编排 设计 中 经 常 遇 到 的 一 种 编排 方式 ， 那 么 遇 到 
既 有 图 片 又 有 文字 的 设计 题目 时 ， 如 何 处 理 图 与 文 的 视觉 流程 呢 ? 这 是 需要 我 们 认真 思 
考 的 间 题 。 对 于 多 幅 图 片 与 多 组 文字 来 讲 ， 应 根据 版 面 传达 内 容 的 需要 来 安排 图 文 的 位 
置 关系 ， 如 果 图 片 与 文字 不 可 分 割 ， 是 一 个 整体 ， 例 如 该 组 文字 只 对 该 图 片 进行 解释 说 
明 ， 那 么 可 以 采用 反复 视觉 流程 的 编排 方法 ， 使 读者 的 视线 浏览 完 图 片 即 可 阅读 文字 ， 
这 种 反复 引导 的 编排 方法 ， 能 使 读者 更 好 地 完成 阅读 。 

在 一 般 情况 下 ， 版 面 中 的 文字 与 图 片 并 不 是 密 不 可 分 的 ， 图 片 更 具 吸引 力 ， 能 更 
快 地 传递 信息 。 因 此 ， 很 多 版 面 中 应 用 图 片 的 页 正 目的 是 辅助 文字 传达 信息 ， 同 时 运用 
图 片 也 可 以 起 到 对 文字 的 补充 说 明 作用 。 对 计 这 样 的 版 面 在 进行 视觉 流程 编排 时 ， 往 往 
将 文字 的 视觉 流程 单独 编排 ， 图 片 的 视 这 流程 也 单独 编排， 使 两 者 之 问 的 视觉 流程 具有 
相对 的 独立 性 ， 从 而 形成 较 规整 ， 结 构 清晰 、 整 洁 并 且 具 有 一 定 规律 的 视觉 浏览 路 线 。 
当然 在 进行 图 文 混 排 的 布局 时 以 须 遵循 形式 美 法 则 沁 将 版 面 中 的 不 同 元 素 依据 主 次 关 
系 、 虚 实 关系 穿插 排列 ， 从 而 形成 具有 一 定 节奏 感 、 前 律 感 ， 并 且 视觉 流程 布局 合理 的 
版 面 关系 ， 以 增加 读者 的 阅读 兴趣 ， 如 图 5-17 和 国 5_18 所 示 。 











图 5-17 图 文 混 排 的 视觉 流程 
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图 5-18 


单元 训练 与 作业 


1， 作 品 欣 赏 


欣赏 图 5-19 一 图 5-21 所 示 。 


De 








图 文 混 排 的 杂志 版 面 
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图 5-19 ”新 地 铁 广告 / 戴 维 ，。 卡 森 
1995 年 /资料 来 源 : 印刷 的 终结 
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图 5-20 ”耐克 运动 鞋 欧洲 市 场 系 列 广告 一 、 广 告 
二 / 戴 维 。 卡 森 / 美 /资料 印刷 的 终结 
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图 5-21 自由 版 式 招贴 设计 / 戴 维 " 卡 森 / 美 /资料 来 源 ， 印 刷 的 终结 





2. 课题 内 容 一 一 视觉 流程 的 应 用 练习 

课题 时 间 : 8 课时 。 

教学 方式 :结合 案例 讲述 视觉 流程 对 画面 的 形式 与 气质 塑造 的 决定 作用 ， 帮 助 学 生 
理解 如 何 运 用 视觉 流程 来 塑造 画面 的 性 格 以 及 构建 合理 的 信息 层次 ， 从 而 完善 画面 的 整 
旦 进行 分 





体 效果 ， 增 强 作品 的 整体 愉悦 性 ， 使 学 全能 够 针对 不 同 主题 运用 相应 的 视觉 流 和 
项 设计 训练 。 








:: 视觉 流程 是 一 种 感觉 ， 而 非 数学 公式 ， 只 有 符合 人 们 认识 过 程 的 心理 顺 
发 展 的 逻辑 规律 ， 做 到 阅读 顺序 自然 、 流 畅 、 合 理 ， 才 可 以 更 为 灵活 地 创造 出 
艺术 性 和 功能 性 更 强 的 版 面 设计 。 


教学 要 求 : 
(1) 根据 视觉 流程 中 的 单 向 、 曲 线 、 导 向 、 散 点 、 反 复 、 焦 点 表现 形式 设计 6 种 图 文 


版 式 ， 主 题 自 定 。 

(2) 根据 信息 的 重要 程度 组 织 合适 的 视觉 流程 ， 并 兼顾 形式 感 ， 完 成 优秀 的 版 式 设计 
作品 。 

(3) A4 纸 ， 提 交 打印 稿 和 电子 稿 。 

训练 目的 ， 通 过 有 针对 性 的 分 项 练习 ， 掌 握 不 同 视觉 流程 的 创作 方法 和 规律 ， 了 解 
不 同 流程 的 视觉 形式 和 阅读 心理 ， 最 终 融会 贯通 ， 加 强 学 生 在 不 同 作品 中 综合 灵活 运用 
多 种 视觉 流程 的 能 
3. 其 他 作业 

分 组 讨论 如 何 把 握 版 式 中 各 部 分 之 间 的 关系 ， 使 其 能 够 更 好 地 构成 适合 读者 阅读 的 
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识 涟 莹 络 斌 将 业 腊 泡 生 涉 涝 泪 -| 


整体 阅读 环境 。 
4. 理论 思考 
(1) 结合 平面 构成 中 对 不 同 线 的 特性 分 析 ， 理 解 各 种 视觉 流程 的 视觉 心理 特征 。 
(2) 理解 不 同 视觉 流程 的 应 用 特点 及 规律 。 
5. 相关 知识 链接 
1) 视觉 与 知觉 
知觉 会 比 眼 睛 遇见 更 多 的 东西 ， 知 觉 是 由 各 种 感觉 元 素 组 成 的 ， 所 以 ， 我 们 对 事物 
的 视觉 感知 是 一 种 心理 经 验 ( 视 知觉 ) ， 而 不 仅仅 是 对 对 象 客观 属性 的 简单 识别 ， 换 言 之 
“任何 形 ” 都 是 知觉 ( 视 知觉 ) 进 行 了 积极 组 织 或 建构 的 结果 ， 而 不 是 客体 本 身 就 有 的 。 
参见 ， 库 尔 特 。 考 夫 卡 . 格式 塔 心理 学 原理 [M] . 北京 : 北京 大 学 出 版 社 ，2010. 
2) 视觉 心理 
视觉 每 时 每 刻 都 在 接受 复杂 多 变 的 外 在 信息 ， 但 人 总 能 正确 地 做 出 反应 : 选择 、 判 
断 、 识 别 、 辨 认 、 记 忆 等 。 这 都 依赖 于 人 的 视觉 认 知 能 力 视觉 是 人 获得 信息 的 主要 途 
径 ， 人 的 不 同 视觉 现象 构筑 了 人 的 完整 视觉 感受 并 伴随 着 相应 的 心理 感受 。 各 种 视觉 
现象 的 心理 机 制 ， 及 心理 作用 下 的 进一步 的 视觉 现象 的 变化 与 发 展 使 人 拥有 复杂 的 视 
觉 心理 。 
参见 ， 伊 延 波 ， 意象 造型 [M] .北京 :北京 大 学 出 版 社 ，2013. 















































